Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що являє собою E2E-тест на рівні коду?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**E2E-тест на рівні коду** - скрипт, який програмно виконує послідовність дій так, як це зробив би реальний користувач у браузері, а потім перевіряє очікуваний результат. **Ключове:** структура такого тесту, це підготовка оточення, покрокова імітація дій користувача і перевірка результату (assertions); він проходить цілий бізнес-сценарій, а не окрему функцію.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення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-тест кодом проходить **цілий бізнес-сценарій**, а не окрему функцію чи компонент.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.