Question

Angular 2高级测试文档：

userServiceStub = {
  isLoggedIn: true,
  user: { name: 'Test User'}
};

TestBed.configureTestingModule({
   declarations: [ WelcomeComponent ],
// providers:    [ UserService ]  // NO! Don't provide the real service!
                                  // Provide a test-double instead
   providers:    [ {provide: UserService, useValue: userServiceStub } ]
});

fixture = TestBed.createComponent(WelcomeComponent);
comp    = fixture.componentInstance;

// UserService actually injected into the component
userService = fixture.debugElement.injector.get(UserService);
componentUserService = userService;
// UserService from the root injector
userService = TestBed.get(UserService);

我们显式创建的服务，userService表单injector.get（）和userServiceStub似乎是不同的Object。

it('stub object and injected UserService should not be the same', () => {
  expect(userServiceStub === userService).toBe(false);

  // Changing the stub object has no effect on the injected service
  userServiceStub.isLoggedIn = false;
  expect(userService.isLoggedIn).toBe(true);
});

文档说userService这里是userServiceStub的副本。这是否意味着Angular 2 DI将所有{provide: someting, useValue: someValue}视为克隆新的对象帧someValue？为什么DI系统不直接使用someValue？

Angular.io的相关github issue。

Answer 1

Angular2 DI为每个提供商维护一个实例。如果多次提供密钥（类型，字符串或OpaqueToken），您将获得多个实例。

在您的示例中，UserService由测试模块提供，DI将始终从此模块返回相同的实例，但是如果有一个提供程序具有相同的密钥，则更靠近请求依赖项的位置（例如，组件本身，然后将注入此提供程序中的实例。

要覆盖测试的行为，有不同的方法，具体取决于具体的用例。

一个例子：

TestBed.overrideComponent(comp, {set /* or add */: 
    {providers: [/* new providers here */]}
});

<强>更新

有一个相关的未解决问题npm module 似乎这实际上没有按预期工作。

为什么angular 2 provider {useValue：...}克隆对象？

1 个答案: