Создание теста для выбора опции Bug

Для обычного select выбирают option по label, для кастомного списка — открывают меню и нажимают пункт. После действия обязательно проверяют выбранное значение.

Короткий ответ

Что ответить на собеседовании

Для обычного select выбирают option по label, для кастомного списка — открывают меню и нажимают пункт. После действия обязательно проверяют выбранное значение.

Подробный разбор

Ответ с пояснениями

Условие

Требуется реализовать тест, который автоматически выбирает вариант "Bug" в интерфейсе.

Ответ

Для обычного select выбирают option по label, для кастомного списка — открывают меню и нажимают пункт. После действия обязательно проверяют выбранное значение.

Пример Playwright для обычного select:

const type = page.getByLabel('Issue type');
await type.selectOption({ label: 'Bug' });
await expect(type.locator('option:checked')).toHaveText('Bug');

Подпись Issue type иллюстративная, поскольку DOM не приведён. В тесте должен быть импорт expect. Для кастомного компонента selectOption не подходит: локаторы и действия выбирают по его структуре. Успешный клик сам по себе не доказывает изменение значения.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее