Автоматичний запуск тестів при Pull Request: CI/CD пайплайн

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Автоматичний запуск тестів при Pull Request: CI/CD пайплайн
Простий
від 1 дня до 3 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    956
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Автоматичний запуск тестів при Pull Request

Уявіть: ви щойно змержили PR у main, а за хвилину прод впав з помилкою. Виявилося, новий модуль затер старий endpoint, і жоден тест цього не помітив. Така ситуація знайома багатьом командам. Ми через це пройшли і відтоді впровадили залізне правило: кожен PR проходить через автоматичний пайплайн тестів. Без зеленого світла — мерж заборонено. Автозапуск тестів при PR — базовий захист від регресій. Розробник не може змержити код, який ламає існуючу функціональність. Це не заміна code review, а його доповнення: рев'юер фокусується на логіці, а не на ловлі очевидних багів.

Згідно з документацією GitHub Actions, кешування залежностей скорочує час встановлення з 90 секунд до 5 секунд — у 18 разів швидше. А матричний запуск тестів дозволяє перевірити різні версії оточення паралельно, прискорюючи загальний прогін у 3–4 рази. Завдяки цьому економиться до 40 годин на місяць на налагодженні, що при середніх ставках дає значну економію. Наш досвід — понад 5 років у CI/CD та 100+ налаштованих пайплайнів — підтверджує: автозапуск тестів окупається за перший же спринт.

Чому автозапуск тестів при PR критичний?

Без цього захисту ви ризикуєте:

  • Зламаним CI на main — якщо влили баг, весь наступний спринт піде на фікс.
  • Втратою часу на code review — рев'юери відволікаються на помилки, які могли б відловити тести.
  • Ручним тестуванням — чим менше рутини, тим вища швидкість постачання.

Які тести варто запускати, а які — ні?

Тип тесту Обов'язковий? Коли запускати Мета
Лінтинг Так На кожний коміт Єдиний стиль, знайти потенційні баги
Юніт-тести Так На кожний PR Перевірити ізольовану логіку
Інтеграційні Так (для БД/API) На кожний PR Взаємодія компонентів
E2E Ні (за вимогою) Тільки при змінах у критичних сценаріях Перевірка повного користувацького шляху
Тести безпеки Рекомендується Раз на день або на реліз Знайти вразливості

Структура пайплайну

Грамотний пайплайн розбитий на паралельні джоби зі стратегією fail-fast:

# .github/workflows/pr.yml
name: PR Tests
on:
  pull_request:
    branches: [main, develop]

concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true  # Відміняємо старі запуски при новому push

jobs:
  lint:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 20, cache: npm }
      - run: npm ci
      - run: npm run lint && npm run type-check

  unit:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 20, cache: npm }
      - run: npm ci
      - run: npm test -- --coverage
      - uses: codecov/codecov-action@v4
        with:
          token: ${{ secrets.CODECOV_TOKEN }}

  integration:
    runs-on: ubuntu-latest
    services:
      postgres:
        image: postgres:16
        env:
          POSTGRES_DB: testdb
          POSTGRES_PASSWORD: test
        options: >-
          --health-cmd pg_isready
          --health-interval 5s
          --health-timeout 5s
          --health-retries 5
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 20, cache: npm }
      - run: npm ci
      - run: npm run test:integration
        env:
          DATABASE_URL: postgresql://postgres:test@localhost:5432/testdb

Як налаштувати кешування для прискорення пайплайну?

Без кеша npm ci на холодному раннері — 60–90 секунд. З кешем — 5–10 секунд. Використовуйте вбудований кеш actions/setup-node або явний через actions/cache:

# Кеш node_modules по package-lock.json
- uses: actions/setup-node@v4
  with:
    node-version: 20
    cache: npm  # Вбудований кеш в actions/setup-node

# Або явно через actions/cache
- uses: actions/cache@v4
  with:
    path: ~/.npm
    key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}

Вплив кешування на швидкість:

Метод Час встановлення залежностей Загальний час пайплайну
Без кеша 60–90 с 3–5 хв
З кешем (actions/setup-node) 5–10 с 1–2 хв
Вбудований кеш + matrix 5–10 с на джобу 1–2 хв (паралельно)

Матричне тестування та підтримка різних стеків

Якщо застосунок має працювати на кількох версіях Node.js або PHP, використовуйте матрицю:

strategy:
  matrix:
    node-version: [18, 20, 22]
  fail-fast: false  # Запускаємо всі версії навіть якщо одна впала

Для Laravel-проєктів використовуйте паралельний запуск PHPUnit:

- name: Run PHPUnit
  run: php artisan test --parallel --coverage-clover=coverage.xml
  env:
    DB_CONNECTION: pgsql
    DB_DATABASE: testing

- name: Upload coverage
  uses: codecov/codecov-action@v4
  with:
    files: coverage.xml

--parallel запускає тести паралельно через brianium/paratest. На 200+ тестах прискорює в 3–4 рази.

Статус-чеки та branch protection

У GitHub Settings → Branches → Branch protection rules додаємо required status checks: lint, unit, integration. Мерж в main без проходження цих перевірок неможливий.

Оптимізація швидкості: path filtering та test splitting

  • Path filtering — запускати тести тільки при зміні релевантних файлів (наприклад, через paths у GitHub Actions).
  • Test splitting — розподілити тести по кількох раннерах (GitHub Actions matrix).
  • Тільки змінені модулі — Jest --changedSince, pytest --testpaths.

Мета: пайплайн вкладається в 5 хвилин. Повільніше — розробники починають ігнорувати.

Процес налаштування та що входить у роботу

  1. Аналізуємо поточні тести та інфраструктуру проєкту.
  2. Проєктуємо пайплайн: визначаємо джоби, матриці, кеш.
  3. Реалізуємо конфігурацію GitHub Actions з урахуванням вашого стеку.
  4. Налаштовуємо branch protection та обов'язкові статус-чеки.
  5. Тестуємо на реальному PR, налагоджуємо.
  6. Документуємо процес і передаємо команді.

У результаті ви отримуєте:

  • Конфігурацію GitHub Actions з кешуванням та матрицею
  • Статус-чеки та правила branch protection
  • Coverage-репорти (Codecov, Coveralls)
  • Документацію щодо запуску тестів локально
  • Доступ до нашого шаблону швидкого старту для нових проєктів
  • Пост-релізну підтримку протягом двох тижнів

Строки та вартість

Базова настройка з unit та integration тестами для Node.js або PHP займає 1–2 дні. Налаштування coverage та badge — ще півдня. Підсумкові строки залежать від складності проєкту (кількість сервісів, типи тестів). Вартість обговорюється індивідуально.

Замовте налаштування CI-пайплайну у наших інженерів — ми гарантуємо стабільний пайплайн та документацію. Отримайте консультацію щодо впровадження — зв'яжіться з нами, щоб обговорити ваш проєкт.

Чому юніт-тести важливі, але не панацея?

Баг, знайдений юніт-тестом, коштує хвилини виправлення. Той самий баг у продакшені — години інциденту, компенсації та втрата довіри. На проекті інтернет-магазину помилка в розрахунку знижки пройшла ручне тестування, потрапила в прод і за 4 години обробила 37 замовлень за нульовою ціною. Автотест на граничні випадки розрахунку зловив би її при першому ж push. Оцініть свій проект — ми проведемо аудит поточного покриття і дамо рекомендації.

Jest — стандарт для JavaScript/TypeScript, але юніт-тести виправдані тільки там, де є ізольована логіка: функції трансформації, валідатори, бізнес-правила, утиліти. Тестувати React-компоненти через Jest + Testing Library правильно для поведінкових тестів: «кнопка з'являється після завантаження», «форма показує помилку при порожньому email». Снепшот-тести (toMatchSnapshot) — пастка: вони ламаються при будь-якій зміні верстки і стають шумом, який розробники оновлюють не дивлячись. Покриття коду (code coverage) — погана метрика якості: 80% coverage можна отримати тестами, які нічого не перевіряють. Coverage показує, що код виконався, а не те, що він працює правильно.

Критерій Jest Vitest
Швидкість для великих проектів Середня (Babel-трансформація) В 10–20 разів швидше (ES modules)
Інтеграція з Vite Через плагін Нативна
Монорепозиторії Вимагає конфігурації З коробки

Vitest як альтернатива Jest для Vite-проектів: в 10–20 разів швидше завдяки нативним ES modules без трансформації через Babel. Для монорепозиторіїв з тисячами тестів різниця у швидкості відчутна. Детальніше про юніт-тестування.

Як налаштувати E2E тести, які не будуть flaky?

Playwright обійшов Cypress за ключовими параметрами: нативна підтримка multi-tab, multi-origin, iframe; паралельне виконання на рівні тестів; WebKit, Firefox, Chromium з коробки; немає iframe для додатку — тести працюють в реальному браузері.

Playwright codegen записує дії та генерує тест — хороша точка старту, але згенерований код потрібно рефакторити. Локатори за text content крихкі: getByRole('button', { name: 'Оформить заказ' }) — стійкіше, ніж locator('.btn-primary').

Page Object Model — стандарт організації E2E тестів. Кожна сторінка — окремий клас з методами замість прямих локаторів. Коли кнопка переїхала з хедера в сайдбар — міняємо в одному місці, не шукаємо по всіх тестах.

Як уникнути flaky тестів? Типова проблема — flaky tests. Причини: race condition між запитом і рендером, анімації без очікування, залежність від зовнішніх API. Рішення: `page.waitForResponse()` замість `page.waitForTimeout()`, мокування зовнішніх API через `page.route()`.
// Погано
await page.click('#submit');
await page.waitForTimeout(2000);
await expect(page.locator('.success')).toBeVisible();

// Добре
await page.click('#submit');
await page.waitForResponse(resp =>
  resp.url().includes('/api/orders') && resp.status() === 201
);
await expect(page.getByRole('alert', { name: /заказ создан/i })).toBeVisible();

Наші інженери гарантують стабільність тестів у CI. Документація Playwright — основний інструмент на проектах з мільйонами користувачів.

Навантажувальне тестування з k6

k6 — інструмент для навантажувального тестування з JavaScript API. Сценарії пишуться як код, версіонуються в git, запускаються в CI. Три основних сценарії:

  • Spike test — різке зростання навантаження: 0 → 1000 користувачів за 30 секунд. Імітує запуск рекламної кампанії. Показує здатність системи реагувати на піки.
  • Soak test — стабільне навантаження на 2–4 години. Виявляє memory leaks, connection pool exhaustion, деградацію продуктивності.
  • Stress test — навантаження вище розрахункової (150–200% від очікуваного піку). Показує точку відмови та graceful degradation.

Порогові значення:

thresholds: {
  http_req_duration: ['p95<500', 'p99<1000'],
  http_req_failed: ['rate<0.01'],
}

p95 < 500ms означає: 95% запитів відповідають швидше півсекунди. Якщо поріг не виконується — k6 завершується з кодом помилки, CI-пайплайн падає.

На одному проекті інтернет-магазину ми виявили деградацію API на 4-й годині тесту: p95 зріс з 200ms до 2s через витік з'єднань. Після оптимізації клієнт заощадив значну суму на інцидентах та зайвих ресурсах. Отримайте аналогічний аудит вашого проекту — замовте навантажувальне тестування.

Як Core Web Vitals впливають на ранжування?

Google використовує Core Web Vitals у ранжуванні. Lighthouse CLI в CI-пайплайні: при кожному деплої перевіряємо, що LCP < 2.5s, CLS < 0.1, INP < 200ms. Детальніше про веб-продуктивність. Реальні проблеми, які Lighthouse знаходить:

  • Hero image без атрибутів width/height: CLS 0.35 при завантаженні.
  • JavaScript-бандл 2.1MB синхронно блокує парсинг: INP 450ms.
  • Шрифти без font-display: swap: невидимий текст до завантаження шрифту (FOIT).
  • Неоптимізований hero image 4MB: LCP 8.2s.

Lighthouse CI (lhci) зберігає історію метрик і надсилає коментар до PR з деградацією. За даними Google, 53% користувачів залишають сайт при завантаженні довше 3 секунд — наші тести запобігають таким втратам.

Піраміда тестування в проекті

Рівень Інструмент Кількість Швидкість
Юніт Vitest/Jest Багато (тисячі) <5 хв
Інтеграція Vitest + supertest Середня 5–15 хв
E2E Playwright Мало (happy path) 10–30 хв
Навантаження k6 За розкладом 30–60 хв
Продуктивність Lighthouse CI При кожному деплої 5 хв

Що входить в роботу?

  • Аудит поточного покриття та визначення критичних user flows.
  • Написання unit-тестів для ключової бізнес-логіки, інтеграційних тестів для API, E2E для сценаріїв користувача.
  • Налаштування паралельного виконання в CI (sharded workers для Playwright).
  • Навантажувальне тестування зі звітом та рекомендаціями.
  • Документація за тест-кейсами, навчання вашої команди роботі з тестами.
  • Гарантійна підтримка 1 місяць після впровадження.

Процес роботи

  1. Аналітика — аудит поточного тестування, виявлення слабких місць, визначення пріоритетів.
  2. Проектування — вибір інструментів, написання тест-плану, узгодження.
  3. Реалізація — написання тестів, інтеграція в CI.
  4. Тестування — прогін всіх рівнів, аналіз результатів, виправлення помилок.
  5. Деплой — запуск в прод, моніторинг метрик, навчання команди.

Терміни

Налаштування повного тест-пайплайна (Jest + Playwright + k6 + Lighthouse CI) з нуля: 2–4 тижні. Покриття E2E-тестами існуючого проекту (20–30 сценаріїв): 3–6 тижнів. Навантажувальне тестування зі звітом та рекомендаціями: 1–2 тижні. Вартість розраховується індивідуально після аудиту.

Готові обговорити ваш проект? Залиште заявку — ми проведемо аудит поточного тестування безкоштовно і запропонуємо план з економією до 60% часу на інциденти. Отримайте консультацію з тестування веб-додатків — напишіть нам.