Angular блок тестирования для отзывчивой мобильной кнопки

Question

Для моего компонента заголовка, основанного на разрешении экрана, я оставил меню гамбургера и значок правого гамбургера. Для теста мне нужно написать, можно ли щелкнуть по меню или нет.

Для справки у меня есть две кнопки a и b.

1) Мой вопрос основан на размере экрана. Нужно ли мне писать контрольный пример?

2) Следующий контрольный пример является правильным или нет?

it('should call onClick method', () => { const onClickMock = spyOn(component, 'onClick'); fixture.debugElement.query(By.css('button')).triggerEventHandler('click', null); expect(onClickMock).toHaveBeenCalled(); });

Answer 1

Это скорее тест E2E, чем модульный тест. В модульных тестах вы должны просто протестировать методы, а не пользовательский интерфейс или видимость кнопок. И с тестами E2E вы тестируете пользовательский интерфейс. При необходимости также в разных разрешениях экрана для проверки видимости на разных устройствах / экранах.