Skip to main content

Що являє собою E2E-тест на рівні коду?

Frontend-інструментиJunior~1 хв читання
Запропонувати правку

E2E-тест на рівні коду - це скрипт, який програмно виконує послідовність дій так, як це зробив би реальний користувач у браузері, а потім перевіряє, що інтерфейс і система загалом видали очікуваний результат.

Структура такого тесту

Зазвичай у ній є три частини:

  1. Підготовка оточення Запуск браузера, перехід на потрібний URL, підготовка даних або стану.
  2. Покрокова імітація дій користувача Наприклад: клік по кнопці, введення тексту, вибір елемента, перехід сторінкою.
  3. Перевірка результату (assertions) Перевірка, що відображено потрібний елемент, змінився стан, з'явився потрібний текст, відкрилася нова сторінка тощо.

Міні-приклад на Playwright

Ось як це виглядає в коді:

js
test('користувач може залогінитися', async ({ page }) => { await page.goto('https://site.com/login'); await page.fill('#email', 'test@mail.com'); await page.fill('#password', '123456'); await page.click('button[type=submit]'); await expect(page.getByText('Ласкаво просимо')).toBeVisible(); });

Що видно з прикладу

  • тест відкриває сторінку
  • вводить дані
  • натискає кнопку
  • перевіряє очікуваний результат

Тобто E2E-тест кодом проходить цілий бізнес-сценарій, а не окрему функцію чи компонент.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку