Как переопределить Provider в Angular 5 только для одного теста?

Начиная с angular 6 я заметил, что overrideProvider работает со свойством useValue. Итак, чтобы заставить его работать, попробуйте что-то вроде:

class MockRequestService1 {
  ...
}

class MockRequestService2 {
  ...
}

затем напишите вам TestBed, например:

// example with injected service
TestBed.configureTestingModule({
  // Provide the service-under-test
  providers: [
    SomeService, {
      provide: SomeInjectedService, useValue: {}
    }
  ]
});

И всякий раз, когда вы хотите переопределить провайдера, просто используйте:

TestBed.overrideProvider(SomeInjectedService, {useValue: new MockRequestService1()});
// Inject both the service-to-test and its (spy) dependency
someService = TestBed.get(SomeService);
someInjectedService = TestBed.get(SomeInjectedService);

Либо в функции beforeEach(), либо поместите его в функцию it().

Если служба вводится как общедоступная собственность, например:

@Component(...)
class MyComponent {
  constructor(public myService: MyService)
}

Вы можете сделать что-то вроде:

it('...', () => {
  component.myService = new MockMyService2(...); // Make sure to provide MockMyService2 dependencies in constructor, if it has any.
  fixture.detectChanges();

  // Your test here...
})

Если внедренная служба хранится в частном свойстве, вы можете записать ее как (component as any).myServiceMockMyService2 = new MockMyService2(...);, чтобы обойти TS.

Это некрасиво, но это работает.

Что касается TestBed.overrideProvider, мне не повезло с этим подходом (было бы гораздо лучше, если бы он работал):

it('...', () =>{
  TestBed.overrideProvider(MyService, { useClass: MockMyService2 });
  TestBed.compileComponents();
  fixture = TestBed.createComponent(ConfirmationModalComponent);
  component = fixture.componentInstance;
  fixture.detectChanges();

  // This was still using the original service, not sure what is wrong here.
});

Если вам нужно TestBed.overrideProvider() с разными значениями для разных тестовых случаев, TestBed замораживается после вызова TestBed.compileComponents(), как уже указывал @Benjamin Caure. Я обнаружил, что он также завис после вызова TestBed.get().

В качестве решения в вашем «основном» describe используйте:

let someService: SomeService;

beforeEach(() => {
    TestBed.configureTestingModule({
        providers: [
            {provide: TOKEN, useValue: true}
        ]
    });

    // do NOT initialize someService with TestBed.get(someService) here
}

И в ваших конкретных тестовых случаях используйте

describe(`when TOKEN is true`, () => {

    beforeEach(() => {
        someService = TestBed.get(SomeService);
    });

    it(...)

});

describe(`when TOKEN is false`, () => {

    beforeEach(() => {
        TestBed.overrideProvider(TOKEN, {useValue: false});
        someService = TestBed.get(SomeService);
    });

    it(...)

});

Просто для справки, если кто-нибудь сталкивается с этой проблемой.

я пытался использовать

TestBed.overrideProvider(MockedService, {useValue: { foo: () => {} } });

это не работало, тем не менее, в тесте был внедрен оригинальный сервис (тот, что с providedIn: root)

В тесте я использовал псевдоним для импорта OtherService:

import { OtherService } from '@core/OtherService'`

в то время как в самой службе у меня был импорт с относительным путем:

import { OtherService } from '../../../OtherService'

После исправления, чтобы test и service имели одинаковый импорт, TestBed.overrideProvider() начал действовать.

Env: библиотека Angular 7 — не приложение и не шутка

Я столкнулся с аналогичной проблемой, но в более простом сценарии, всего один тест (опишите (...)) с несколькими спецификациями (это (...)).

Решение, которое сработало для меня, заключалось в отсрочке команд TestBed.compileComponents и TestBed.createComponent(MyComponent). Теперь я выполняю их для каждого отдельного теста/спецификации после вызова TestBed.overrideProvider(...) при необходимости.

describe('CategoriesListComponent', () => {
...
beforeEach(async(() => {
  ...//mocks 
  TestBed.configureTestingModule({
    imports: [HttpClientTestingModule, RouterTestingModule.withRoutes([])],
    declarations: [CategoriesListComponent],
    providers: [{provide: ActivatedRoute, useValue: mockActivatedRoute}]
  });
}));
...

it('should call SetCategoryFilter when reload is false', () => {
  const mockActivatedRouteOverride = {...}
  TestBed.overrideProvider(ActivatedRoute, {useValue: mockActivatedRouteOverride });
  TestBed.compileComponents();
  fixture = TestBed.createComponent(CategoriesListComponent);

  fixture.detectChanges();

  expect(mockCategoryService.SetCategoryFilter).toHaveBeenCalledTimes(1);
});