Проблемы в написании тестовых примеров Жасмин Карма для приложения Angular 4

Question

При написании тестовых примеров для приложения angular 4 мы сталкиваемся с некоторыми проблемами.

1) Невозможно создать объект Textbed службы / компонента, если у них есть методы, которые работают с тегами HTML.

(например,

overlayOn () {document.getElementById ("overlay"). Style.display = "block"; } overlayOff () {document.getElementById ("overlay"). style.display = "none"; }

)

Ошибка: невозможно установить стиль не определено.

2) Ошибка в насмешливых элементах ViewChild (), EventEmitter (), @ Output () и @Input ().

Ошибка: невозможно установить свойство undefined.

Обычно, когда мы имеем дело с HTML-тегами в коде сценария типа, мы получаем ошибки при написании тестовых случаев.

Пожалуйста, помогите, если есть какой-либо способ насмешки или установки этих тегов в тестовых случаях.

Answer 1

Попробуйте

Для HTML:

    <div id="overlay" style="display: none"></div>

файл js:

it('should not display id "overlay"', () => {
    let containerElement = fixture.debugElement.query(By.css('#overlay')).nativeElement.style.display;
    expect(containerElement).toBe('none');
})