注入新实例来测试 Angular（单例）服务持久性行为

Question

我有一个 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，我注入一个已存根的 Spy 以PersistenceService使用 AngularTestBed类：

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 个依赖项，因此手动构建一个很麻烦。似乎更好的模式是我可以注入被测服务，进行一些更改，然后模拟页面重新加载并创建一个全新的实例，并检查其行为，所有这些都在一个测试用例中进行。有没有简单的方法可以做到这一点？

Answer 1

这件事是我想多了。

调用TestBed.resetTestingModule()会销毁所有单例 Service 实例。因此，我可以将设置行为从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");