为排序 Header 事件创建模拟 Angular Material

Question

我正在尝试为 matSortChange 函数编写单元测试。这会发出一个排序事件，我认为它只是一个 object，具有活动属性和方向属性。我的测试目前看起来像：

it('sort unit test', () => {
 const fakeSortEvent = {active: 'fakeActive', direction: 'asc'};
 component.saveSort(fakeSortEvent);

})

我收到的 TS 错误是

Types of property 'direction' are incompatible.
Type 'string' is not assignable to type 'SortDirection'

在查看 SortDirection 的样子时 angular material docs，我的 fakeSortEvent object 似乎应该可以工作。如何创建模拟排序事件？

Answer 1

感谢@diabolique 在评论中的回答。将类型 Sort 添加到 fakeSortEvent 使其工作。代码：

it('sort unit test', () => {
 const fakeSortEvent: Sort = {active: 'fakeActive', direction: 'asc'};
 component.saveSort(fakeSortEvent);
})

Creating Mock for Sort Header Event Angular Material