модульное тестирование для ngAfterViewInit?

Question

Я новичок в написании модульных тестов для угловых.Я должен написать контрольный пример для ngAfterViewInit .Я не знаю с чего начать.Я использую угловой 7.

Код моего компонента:

export class MyAccessComponent implements OnInit, AfterViewInit {

    // Spinner
    pageLoaded: boolean;
    @Input() diameter = 64;
    @Input() strokeWidth = 7;

    // Icons
    faEdit = faEdit;

    dataSource;
    @ViewChild(MatPaginator) paginator: MatPaginator;

    constructor(private router: Router, private userService: UserService) { }

    ngOnInit() {
        this.pageLoaded = false;
        // Data table init
        this.getUsers();
    }

    ngAfterViewInit() {
        setTimeout(() => {
            this.pageLoaded = true;
        }, 500);
    }
}

Answer 1

Вы можете вызывать ловушки жизненного цикла программно, используя экземпляр компонента, например:

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

it('should set pageLoaded after view init', () => {
  component.ngAfterViewInit();
  expect(component.pageLoaded).toBe(true);
});

Имейте в виду, что, поскольку вы используете тайм-аут в ловушке, вам нужно использовать fakeAsync для правильного тестирования