Настройка тестового окружения для веб-проекта: пошаговое руководство

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

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

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Настройка тестового окружения для веб-проекта: пошаговое руководство
Средний
от 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

Представьте: вы запускаете тесты перед релизом, а половина падает с ошибками подключения к БД или зависает из-за конкурентных запросов. Знакомо? Чаще всего проблема не в коде, а в тестовом окружении — оно сконфигурировано на скорую руку, без изоляции и повторяемости. В таких случаях вы тратите часы на отладку инфраструктуры вместо тестирования нового функционала. Это напрямую влияет на скорость релизов: команды с качественным тестовым окружением выкатывают изменения в 2-3 раза чаще.

Мы настраиваем окружение так, чтобы тесты летали: Docker Compose с временными базами в RAM (tmpfs), транзакции после каждого кейса и CI/CD, который гоняет параллельные джобы за минуты. В результате — стабильные тесты, которые выполняются за 2-3 минуты вместо обычных 15-20. Наша команда имеет 8 лет опыта в этой области — мы настроили тестовые окружения для 50+ веб-проектов. Экономия времени разработчиков после нашей настройки достигает 60%.

Почему изоляция тестового окружения — это критично?

Без изоляции тесты влияют друг на друга: один удаляет запись, а другой её ждёт. Или очередь писем переполняется, и ассерты падают. Наши инженеры используют два проверенных подхода:

Метод Скорость Изоляция Подходит для
DatabaseTransactions ⚡ Быстро (откат одной транзакцией) Высокая Unit-тесты, тесты с HTTP-клиентом не рекомендуются
RefreshDatabase 🐢 Медленно (пересоздание БД) Полная Feature-тесты, E2E-тесты

Второй вариант надёжнее, но дольше — поэтому мы используем флаг <env name="DB_CONNECTION" value="sqlite"/> с :memory: для модульных тестов и отдельный контейнер Postgres для интеграционных. Так достигается баланс скорости и изоляции.

Как мы настраиваем Docker Compose для тестов?

Мы пишем отдельный docker-compose.test.yml, который поднимает копию продакшен-окружения, но с тестовыми параметрами: синхронные очереди (QUEUE_CONNECTION=sync), перехват писем (MAIL_MAILER=array) и кеш в памяти (CACHE_DRIVER=array). Ключевая фишка — база данных на tmpfs (файловая система в RAM): это ускоряет миграции и выборки в 3-5 раз.

# docker-compose.test.yml
services:
  app:
    build:
      context: .
      target: test
    environment:
      APP_ENV: testing
      DB_HOST: db
      DB_DATABASE: testdb
      REDIS_HOST: redis
      QUEUE_CONNECTION: sync    # очереди синхронно в тестах
      MAIL_MAILER: array        # перехват писем в массив
      CACHE_DRIVER: array       # кеш в памяти
    depends_on:
      db: { condition: service_healthy }
      redis: { condition: service_healthy }

  db:
    image: postgres:16-alpine
    environment:
      POSTGRES_DB: testdb
      POSTGRES_USER: test
      POSTGRES_PASSWORD: test
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U test"]
      interval: 5s
      timeout: 3s
      retries: 5
    tmpfs:
      - /var/lib/postgresql/data   # БД в RAM — быстрее

  redis:
    image: redis:7-alpine
    healthcheck:
      test: ["CMD", "redis-cli", "ping"]
      interval: 5s

Как конфигурировать Laravel для тестов?

В phpunit.xml мы задаём окружение — это гарантирует, что ни один тест случайно не дёрнет продакшен-базу. Пример конфигурации для тестовой базы данных:

// phpunit.xml
<php>
    <env name="APP_ENV"          value="testing"/>
    <env name="DB_CONNECTION"    value="sqlite"/>
    <env name="DB_DATABASE"      value=":memory:"/>
    <env name="CACHE_DRIVER"     value="array"/>
    <env name="SESSION_DRIVER"   value="array"/>
    <env name="QUEUE_CONNECTION" value="sync"/>
    <env name="MAIL_MAILER"      value="array"/>
</php>

Базовый TestCase использует RefreshDatabase — он пересоздаёт БД перед каждым тестом. Для тестов с HTTP-клиентом (например, $this->post() ) транзакции могут не откатить данные, поэтому мы предпочитаем RefreshDatabase.

// Базовый TestCase с транзакциями
abstract class TestCase extends BaseTestCase
{
    use RefreshDatabase;

    protected function setUp(): void
    {
        parent::setUp();
        $this->withoutVite();
        $this->seed(TestDatabaseSeeder::class);
    }
}

Подробнее о тестировании в Laravel: Laravel Testing.

Фабрики тестовых данных

Чтобы тесты были реалистичными, мы пишем фабрики для ключевых моделей. Пример UserFactory с ролями:

// database/factories/UserFactory.php
class UserFactory extends Factory
{
    public function definition(): array
    {
        return [
            'name'              => $this->faker->name(),
            'email'             => $this->faker->unique()->safeEmail(),
            'email_verified_at' => now(),
            'password'          => Hash::make('password'),
        ];
    }

    public function admin(): static
    {
        return $this->afterCreating(fn(User $user) =>
            $user->assignRole('admin')
        );
    }

    public function unverified(): static
    {
        return $this->state(['email_verified_at' => null]);
    }
}

Используем в тестах: $user = User::factory()->admin()->create(); — минимальный код, максимум выразительности.

CI/CD — GitHub Actions

Настраиваем два воркфлоу: для юнит-тестов (SQLite, быстрые) и для интеграционных (Postgres в сервисе). Параллельный запуск сокращает общее время прогона в 2-3 раза.

name: Tests

on: [push, pull_request]

jobs:
  unit:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: shivammathur/setup-php@v2
        with: { php-version: '8.3', extensions: 'sqlite3' }
      - run: composer install --no-interaction
      - run: php artisan test --parallel --testsuite=Unit

  integration:
    runs-on: ubuntu-latest
    services:
      postgres:
        image: postgres:16
        env:
          POSTGRES_DB: testdb
          POSTGRES_PASSWORD: test
        ports: ['5432:5432']
        options: --health-cmd pg_isready --health-interval 5s
    env:
      DB_CONNECTION: pgsql
      DB_HOST: localhost
      DB_DATABASE: testdb
      DB_PASSWORD: test
    steps:
      - uses: actions/checkout@v4
      - run: composer install
      - run: php artisan test --testsuite=Feature

Что входит в настройку тестового окружения

Мы готовим под ключ:

  • Проектирование архитектуры тестовой среды (Docker + CI).
  • Настройку Docker Compose с продакшен-зависимостями, но тестовыми настройками.
  • Конфигурацию PHPUnit / Pest с параллельным запуском (--parallel).
  • Фабрики данных (UserFactory, ProductFactory) с состояниями под сценарии.
  • Моки внешних сервисов (Stripe, SendGrid, любые API).
  • Интеграцию с GitHub Actions (юнит + интеграционные джобы).
  • Документацию по запуску и доработке тестов.
  • Обучение команды (воркшоп на 2 часа).

После сдачи вы получите репозиторий, готовый к тестированию на каждом коммите. Свяжитесь с нами — мы оценим ваш проект и предложим сроки. Получите консультацию по настройке тестового окружения уже сегодня.

Этапы настройки тестового окружения

Этап Длительность Описание
Анализ проекта 0.5–1 день Изучение архитектуры, зависимостей, текущего тестового покрытия
Подготовка Docker-окружения 1–2 дня Написание docker-compose.test.yml, настройка всех сервисов
Конфигурация тест-раннера 0.5 дня PHPUnit/Pest, параллельный запуск, конфигурация базы данных
Фабрики данных и моки 1–2 дня Создание фабрик для моделей, моков внешних сервисов
Интеграция CI/CD 0.5 дня GitHub Actions, разделение юнит/интеграционных тестов
Документация и обучение 0.5 дня Readme, описание запуска, воркшоп для команды

Экономия времени и снижение затрат на поддержку — результат, который вы получите. Закажите настройку тестового окружения и убедитесь в стабильности тестов.

Почему юнит-тесты важны, но не панацея?

Баг, найденный юнит-тестом, стоит минуты исправления. Тот же баг в продакшене — часы инцидента, компенсации и потеря доверия. На проекте интернет-магазина ошибка в расчёте скидки прошла ручное тестирование, попала в прод и за 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 из-за утечки соединений. После оптимизации клиент сэкономил около $15,000 в год на инцидентах и лишних ресурсах. Получите аналогичный аудит вашего проекта — закажите нагрузочное тестирование.

Как 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 мин
Performance 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% времени на инциденты. Получите консультацию по тестированию веб-приложений — напишите нам.