1. Технічні аспекти для нетехнічних:
автоматизація та баг репортинг
Лозинський Богдан

2. Автоматизація рутини
для новачків

3. Playwright
Встановлений Node.js + VSCode
Встановлений Playwright
Playwright – help
Генерація коду через Codegen
Розбираємо код по кроках
Що нам потрібно?

4. Встановлення
Node.js/Playwright/VSCode
VS Code - https:/
/code.visualstudio.com/download
Текстовий редактор для роботи з нашим кодом автотестів.
Дозволяє в одному вікні працювати з тестами та командним рядком.
Редактор містить вбудований зневаджувач, інструменти для роботи з Git і засоби рефакторингу, навігації по
коду, автодоповнення типових конструкцій і контекстної підказки.
Node.js - https:/
/nodejs.org/en/download/
Середовище виконання - без нього ми зможемо писати код, але не зможемо цей код запустити.
Latest LTS Version: 18.18.0 (includes npm 9.8.1) - сюди входить також менеджер пакетів npm
Playwright - https:/
/playwright.dev/docs/intro
Встановити Playwright не вдасться без встановлених node.js та npm
Щоб перевірити чи встановлені node & npm потрібно у командному рядку запустити команди:
node -v && npm -v
У відповідь ми повинні отримати версію node.js та версію npm
Для встановлення Playwright потрібно у командному рядку запустити команду:
npm init playwright@latest
І далі обирати варіанти за замовчуванням.

5. Playwright test framework
npm init playwright@latest (встановлення)
npx playwright --help (перевіряємо успішність встановлення і допоміжну інфо)
npx playwright test --help (варіанти і параметри запуску тестів)
npx playwright test (запуск усіх тестів з папки testDir із playwright.config.ts)
npx playwright test tests/example.spec.ts (запуск тестів із конкретного файлу)
npx playwright test tests/example.spec.ts --project=chromium --debug
(запуск тестів із конкретного файлу на браузері chromium у режимі
налагодження (дебагінгу))
Команди Playwright CLI

6. npx playwright codegen --browser=chromium demo.playwright.dev/todomvc
Магія :)
З цього моменту ваші дії будуть
записані у вигляді коду, котрий
можна відтворити
Codegen

7. Test Generator
npx playwright codegen - запуск команди зі всіма параметрами за замовчуванням
--browser=chromium - параметр зі вказанням браузера
demo.playwright.dev/todomvc - стартова сторінка для генерації тестів
Як стартова сторінка так і браузер можуть бути іншими
Більше деталей - https:/
/playwright.dev/docs/codegen
Codegen пояснення

8. JAM - для легкого і
швидкого баг
репортингу

9. Чому JAM?
Найшвидший баг-репортинг
Легко встановити і використовувати
Проста інтеграція з JIRA, ClickUP і т.д.
Запис сесії, а не просто відео дій в браузері
Можливість для нетехнічних замовників надати
вичерпну інформацію про баг
JAM Chrome Extension

10. JAM extension -> Click on the icon -> Instant Replay
Магія :)
Ваші дії записуються разом із
Console & Network tabs
Jam Instant Replay

11. JAM bug reporting
Інструмент полегшить лише веб тестування
Ризики безпеки - запис останніх дій користувача
Розширення працює тільки в Chrome браузері
Документація - https:/
/jam.dev/docs/
Обмеження безкоштовної версії -
https:/
/jam.dev/pricing
JAM - обмеження

12. Мій LinkedIn –>
Питання,
зауваження та
пропозиції ?