#️⃣ #автотесты #qa #playwright

#️⃣ #автотесты #qa #playwright

Всем привет!

Кто на меня подписан здесь и в инстаграме, вероятно помнит, что я на проекте занимаюсь в том числе автоматизацией на TypeScript + Playwright

Многие откладывают шаг внедрять автоматизацию на проекте, потому что считают это сложным, что надо обязательно сначала отучиться языку программированию и только потом начинать, что-то делать.

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

Ещё когда я шёл в айти в 2012-2013 годах, слышал как опытные ребята говорили:

"Хочешь программировать? Начни программировать!

Хочешь писать автотесты? Начни писать автотесты.

Хочешь заниматься тестированием? Начни тестировать!"

Именно поэтому я всегда своё обучение строю через практику.

80% практики 20% теории.

В том числе и по ручному тестированию.

Сейчас у меня группа по ручному тестированию занимается в новом формате.

В формате "ФОКУС-ГРУППЫ".

4 недели практики тестирования, 2 спринта, 2 релиза. Тесты-баги-регресс, дейли, планирование, ретро.

И минимум теории.

Но сегодня я решил сделать пост по автоматизации.

Если ты хочешь попробовать себя в автоматизации с нуля 🚀

То этот пост для тебя.

Покажу на примере моего учебного проекта 👉 dev-lms.testerhub.ru (он открыт для практики — можно смело тренироваться).

Напишем один автотест на проверку авторизации.

---

🔹 Шаг 1. Подготовка

Ставим инструменты:

* VS Code → https://code.visualstudio.com/

* Node.js (LTS) → https://nodejs.org/

Проверяем в PowerShell:

node -v

npm -v

Если выводит версии приложений, значит всё ОК.

---

🔹 Шаг 2. Создаём проект

Открываем VS Code, создаём папку test-project и в терминале выполняем:

mkdir test-project

cd test-project

npm init -y

npm init playwright@latest

👉 выбираем JavaScript (ESM) и подтверждаем установку браузеров.

---

🔹 Шаг 3. Пишем первый тест

Смотри, структура автотеста реально простая и читается «по-английски».

goto — пойти на страницу, fill — заполнить поле, click — нажать кнопку, expect — проверить результат.

Создаём файл tests/auth.spec.js:

import { test, expect } from '@playwright/test';

test('Авторизация в LMS', async ({ page }) => {

await page.goto('https://dev-lms.testerhub.ru/login'); // открыть страницу

await page.fill('#email', 'admin@lms.com'); // ввести email

await page.fill('#password', '123456'); // ввести пароль

await page.click('button[type="submit"]'); // нажать "Войти"

await expect(page.getByText('Мои курсы', { exact: true })).toBeVisible(); // проверить результат, ожидаем на странице увидеть надпись "Мои курсы"

});

Ну вот и первый полноценный автотест на JS + Playwright 🎉

---

🔹 Шаг 4. Запускаем тесты

Все тесты:

npx playwright test

С живым браузером:

npx playwright test --headed

Запуск через специальный интерфейс:

npx playwright test --ui

Отладка пошагово:

npx playwright test --debug

---

✨ Ура! У тебя есть первый рабочий автотест!

Сложно? Вряд ли! 😎

Если твой проект — это что-то сложное и "тяжёлое", то, возможно, мой простой пример автотеста не подойдёт для прямого применения. Но если ты работаешь с веб-приложением, ты уже сейчас можешь написать для него первый автотест!

Главное — начни с малого:

Освой простые сценарии.

Потихоньку добавляй сложности.

Двигайся вперёд шаг за шагом.

Не жди "идеального момента"!

Забудь про разговоры вроде:

"Скоро наймём автоматизатора, и он всё сделает!"

Я видел десятки проектов, где такие обещания тянулись месяцами, а автотестов всё не было.

Что делать? Действуй сам:

Попробуй мой пример автотеста.

Тренируйся: пиши новые сценарии, пробуй негативные проверки, собери smoke-набор.

Плавно переходи к автоматизации своего рабочего проекта.

Ты это можешь! 😎 Не слушай никого, бери и делай! 🚀