Верификация основных компонентов веб‑страницы

Условие

Необходимо создать автоматизированный тест, который удостоверяется в том, что пользователь открыл нужную страницу, присутствует заголовок "Dropdown List", отображается сам выпадающий список и присутствует нижний колонтитул (Footer).

Ответ

Проверьте URL и видимость заголовка, списка и footer через ожидающие assertions. Сам переход на страницу ещё не подтверждает корректность её содержимого.

Пример Playwright Test при настроенном baseURL:

import { test, expect } from '@playwright/test';
test('dropdown page', async ({ page }) => {
    await page.goto('/dropdown');
    await expect(page).toHaveURL(//dropdown$/);
    await expect(page.getByRole('heading', {
        name: 'Dropdown List', exact: true
    })).toBeVisible();
    await expect(page.locator('select')).toBeVisible();
    await expect(page.locator('footer')).toBeVisible();
});

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

Источник: playwright.dev.