Создание теста для проверки раскрытия выпадающего списка

Кликните по триггеру, дождитесь видимого меню и сравните его пункты с ожидаемым набором. Список ожидаемых значений берётся из требований, а не из самого интерфейса.

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

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

Кликните по триггеру, дождитесь видимого меню и сравните его пункты с ожидаемым набором. Список ожидаемых значений берётся из требований, а не из самого интерфейса.

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

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

Условие

Необходимо реализовать тест, который имитирует клик по элементу Dropdown, открывает его и проверяет присутствие всех ожидаемых пунктов.

Ответ

Кликните по триггеру, дождитесь видимого меню и сравните его пункты с ожидаемым набором. Список ожидаемых значений берётся из требований, а не из самого интерфейса.

Иллюстрация для кастомного меню в Playwright:

await page.getByRole('button', { name: 'Dropdown' }).click();
const menu = page.getByRole('menu');
await expect(menu).toBeVisible();
await expect(menu.getByRole('menuitem')).toHaveText(['First', 'Second']);

Названия пунктов и роли здесь условные: замените их контрактом страницы. Для нативного select проверяют option, а не ищут menu. Если порядок не важен, сравнивайте множества с учётом дублей, а не случайно требуйте сортировку.

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

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

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

Подробнее