在TypeScript中模拟只读Flux商店属性

Question

我正在使用React，Flux和TypeScript创建一个应用程序。 我正在使用Karma和Jasmine进行测试。

我有一家商店，像这样：

class MemberStore {
    private _members:Member[];
    public get members():Member[] { return this._members; }
}

与所有Flux商店一样，数据是只读的，并通过操作处理程序（未显示）而不是设置程序进行修改。

我想在依赖MemberStore的代码的单元测试中模拟此数据存储。 但是，由于members是只读的，因此我无法执行以下操作：

var mockMemberStore:MemberStore = jasmine.createSpyObj("MemberStore");
mockMemberStore.members = [/*mock members*/];

上面的代码实际上发出工作JS，因为mockMemberStore实际上不是的一个实例MemberStore但茉莉间谍对象（和createSpyObj返回any ）。 但是，由于它是只读属性，因此会在mockMemberStore.members = []上生成编译错误。

编辑：原来我错读了错误，并且不是该代码提供了错误。 这不是编译错误，而是运行时错误。 出乎意料的是，即使我是只读的，TSC也不在乎是否在编译时为members分配值。 在上面的例子中，我代替MemberStore完全茉莉花SpyObj，它的工作原理。 如果相反，我只是尝试spyOn一个真实版本的MemberStore ，那就是当我看到无法分配members的运行时错误时。 例

我可以将其更改为var mockMemberStore:any ，也可以使用(<any> mockMemberStore).members = [] ，但是随后编译器没有将members视为对ModelStore/members的引用，因此所有静态类型检查都将丢失（并且“查找引用”和“重构/重命名”之类的内容不起作用）。 在这里使用什么方法？

Answer 1

您应该能够写：

(mockMemberStore as any).members = [""];

这将不会更改任何将来对mockMemberStore引用的类型。 由于这是一个单元测试，因此代码不需要像通常那样完美。 重要的是，如果引入错误，它将失败，并且在这种情况下，它将失败：如果执行无效的重构，则将不再设置renamedMembers ，并且测试应该renamedMembers ，并且您将能够修复它。

这是不理想的，因为您会丢失查找用例，但是它并不像其他语言中那样糟糕（众所周知，嘲笑只读对象很麻烦）。

Answer 2

接口对此非常有用：

interface IMemberStore {
    members: Member[];
}

class MemberStore implements IMemberStore {
    private _members:Member[];
    public get members():Member[] { return this._members; }
}

class MockMemberStore implements IMemberStore {
    members: Member[];
}

使用IMemberStore在大多数应用程序，使用MemberStore作为实现，并使用MockMemberStore在单元测试中。