typescript 测试OBS-todos.component.spec.ts

Posted 2021-05-20

const todosServiceStub = {
  get() {
    return of( [{id: 1}] )
  }
};

describe('TodosComponent', () => {
  
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ TodosComponent ],
      providers: [{provide: TodosService, useValue: todosServiceStub}]
    })
  });

  it('should NOT work', () => {
    fixture.detectChanges();
    // The loading element should be visible
    expect(element.querySelector('.loading')).not.toBeNull();
    fixture.detectChanges();
    expect(element.querySelectorAll('.todo').length).toEqual(1);
    // The loading element should be hidden
    expect(element.querySelectorAll('.loading').length).toEqual(0);
  });
});