typescript Ejemplo测试异步

Posted 2021-05-20

import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing';

import { CardComponent } from './card.component';
import {of} from 'rxjs';
import {CardModel} from '../../../models/card.model';
import {CardService} from '../../../services/card.service';


describe('CardComponent', () => {
  let component: CardComponent;
  let fixture: ComponentFixture<CardComponent>;
  let mockCardService;
  const CARD: CardModel = {
    id: 1,
    front: 'front',
    back: 'back',
    themeId: 1
  };

  beforeEach(async(() => {
    mockCardService = jasmine.createSpyObj(['getCard']);
    mockCardService.getCard.and.returnValue(CARD);

    TestBed.configureTestingModule({
      declarations: [ CardComponent ],
      providers: [
        { provide: CardService, useValue: mockCardService }
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(CardComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should populate "card" attribute when initialized', (done) => {
    setTimeout(() => {
      expect(component.card).toEqual(CARD);
      done();
    }, 100);
  });
});