注入新实例以测试 Angular（单例）服务持久化行为答案

【问题标题】：Injecting a new instance to test Angular (singleton) service persistence behavior注入新实例以测试 Angular（单例）服务持久化行为
【发布时间】：2021-02-04 13:26:04
【问题描述】：

我有一个 Angular 服务，它使用另一个服务在页面加载之间保留它的一些数据：

@Service({providedIn: "root"})
class PersistenceService {
  save(key: string, value: string) { ... }
  load(key: string): string { ... }
}

@Service({providedIn: "root"})
class DataService {
  user?: string;
  constructor(private persistence: PersistenceService) {}

  init() { this.user = this.persistence.load("user"); }

  setUser(str: string) {
    this.user = str;
    this.persistence.save("user", str);
  }
}

当我想测试 DataService 时，我使用 Angular TestBed 类为 PersistenceService 注入了一个 stubbed-out Spy：

beforeEach(() => {
  fakeValues = {};
  persistence = jasmine.createSpyObj("PersistenceService", ["save", "load"]);
  persistence.load.and.callFake(key => fakeValues[key]);
  TestBed.configureTestingModule({
    providers: [
      DataService,
      {provide: PersistenceService, useValue: persistence},
    ]
  });
  instance = TestBed.inject(DataService);
})

我想测试DataService 使用持久值的方式。我可以通过操纵模拟PersistenceService（在上面的示例中为fakeValues）轻松地做到这一点。例如：

it("saves the user", () => {
  instance.init();
  instance.setUser("Joe");
  expect(persistence.save).toHaveBeenCalledWith("user, "Joe");
});

it("loads the user", () => {
  fakeValues.user = "Joe";
  instance.init();
  expect(instance.user).toBe("Joe");
});

不过，我认为这可能是错误的方法，因为它要求我知道DataService 的实现细节：用户使用密钥“user”持久化的事实。我真正想要测试的是，当我调用setUser("Joe")，然后重新加载页面（创建DataService 的新实例），检查instance.user 是否从持久性服务中提取，并设置为“Joe” .

在上面的例子中，我当然可以再次调用init方法，或者直接用new DataService(TestBed.inject(PersistenceService))构造第二个实例，但是在我的真实代码中，可能无法重置服务实例的状态并重新初始化，有些服务有 4-6 个依赖项，因此手动构建一个很麻烦。似乎更好的模式是我可以注入被测服务，进行一些更改，然后模拟页面重新加载并创建一个全新的实例，并检查其行为，所有这些都在一个测试用例中。有没有简单的方法可以做到这一点？

【问题讨论】：

标签： angular unit-testing dependency-injection

【解决方案1】：

我想多了。

调用TestBed.resetTestingModule() 会破坏所有单例服务实例。因此，我可以将设置行为从beforeEach 移动到它自己的函数中（我们称之为setup），然后在测试中，我可以这样做：

instance.init();
expect(instance.user).toBeUndefined();
instance.setUser("Joe");

// Simulate page reload
TestBed.resetTestingModule();
setup();

expect(instance.user).toBeUndefined();
instance.init();
expect(instance.user).toBe("Joe");

【讨论】：