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

Answer 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");