How to Configure a Test Environment for Web Projects: A Practical Guide

Our company is engaged in the development, support and maintenance of sites of any complexity. From simple one-page sites to large-scale cluster systems built on micro services. Experience of developers is confirmed by certificates from vendors.

Development and maintenance of all types of websites:

Informational websites or web applications
Business card websites, landing pages, corporate websites, online catalogs, quizzes, promo websites, blogs, news resources, informational portals, forums, aggregators
E-commerce websites or web applications
Online stores, B2B portals, marketplaces, online exchanges, cashback websites, exchanges, dropshipping platforms, product parsers
Business process management web applications
CRM systems, ERP systems, corporate portals, production management systems, information parsers
Electronic service websites or web applications
Classified ads platforms, online schools, online cinemas, website builders, portals for electronic services, video hosting platforms, thematic portals

These are just some of the technical types of websites we work with, and each of them can have its own specific features and functionality, as well as be customized to meet the specific needs and goals of the client.

Showing 1 of 1All 2062 services
How to Configure a Test Environment for Web Projects: A Practical Guide
Medium
from 1 day to 3 days
Frequently Asked Questions

Our competencies:

Development stages

Latest works

  • image_website-b2b-advance_0.webp
    B2B ADVANCE company website development
    1358
  • image_web-applications_feedme_466_0.webp
    Development of a web application for FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Website development for BELFINGROUP
    956
  • image_ecommerce_furnoro_435_0.webp
    Development of an online store for the company FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Development of a web application for Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Website development for FIXPER company
    947

Imagine: you run tests before a release, and half of them fail with database connection errors or hang due to concurrent queries. Sound familiar? Often the issue isn't the code but the test environment—configured hastily, without isolation or repeatability. In such cases, you spend hours debugging infrastructure instead of testing new features. This directly impacts release velocity: teams with a solid test environment ship changes 2-3 times more frequently.

We set up environments that make tests fly: Docker Compose with temporary databases in RAM (tmpfs), transactions after each case, and CI/CD that runs parallel jobs in minutes. The result is stable tests that complete in 2-3 minutes instead of the usual 15-20. Our team has 8 years of experience in this area—we've configured test environments for 50+ web projects. Developer time savings after our setup reach 60% – that's over $5,000 per developer per year in regained productivity.

Why Test Environment Isolation Is Critical

Without isolation, tests affect each other: one deletes a record, another expects it. Or the email queue overflows and assertions fail. Our engineers use two proven approaches:

Method Speed Isolation Suitable for
DatabaseTransactions ⚡ Fast (single transaction rollback) High Unit tests, not recommended with HTTP client
RefreshDatabase 🐢 Slow (database recreation) Full Feature tests, E2E tests

The second option is more reliable but slower—so we use the <env name="DB_CONNECTION" value="sqlite"/> flag with :memory: for unit tests and a separate Postgres container for integration tests. This balances speed and isolation.

How We Configure Docker Compose for Tests

We write a separate docker-compose.test.yml that spins up a copy of the production environment but with test parameters: synchronous queues (QUEUE_CONNECTION=sync), mail interception (MAIL_MAILER=array), and in-memory cache (CACHE_DRIVER=array). The key feature is the database on tmpfs (RAM filesystem): it speeds up migrations and queries by 3-5 times.

# 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    # queues synchronous in tests
      MAIL_MAILER: array        # intercept mail to array
      CACHE_DRIVER: array       # cache in memory
    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   # DB in RAM – faster

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

How to Configure Laravel for Tests

In phpunit.xml we set the environment—this ensures no test accidentally touches the production database. Example configuration for a test database:

<!-- 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>

A base TestCase uses RefreshDatabase—it recreates the database before each test. For tests with an HTTP client (e.g., $this->post()), transactions may not roll back data, so we prefer RefreshDatabase.

// Base TestCase with transactions
abstract class TestCase extends BaseTestCase
{
    use RefreshDatabase;

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

More about testing in Laravel: Laravel Testing.

Test Data Factories

To make tests realistic, we write factories for key models. Example UserFactory with roles:

// 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]);
    }
}

Use in tests: $user = User::factory()->admin()->create();—minimal code, maximum expressiveness.

CI/CD — GitHub Actions

We set up two workflows: one for unit tests (SQLite, fast) and one for integration tests (Postgres service). Parallel execution reduces total run time by 2-3 times.

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

What's Included in the Test Environment Setup

We deliver a turnkey solution:

  • Design of test environment architecture (Docker + CI).
  • Docker Compose setup with production dependencies but test-specific settings.
  • PHPUnit/Pest configuration with parallel execution (--parallel).
  • Data factories (UserFactory, ProductFactory) with states for scenarios.
  • Mocks for external services (Stripe, SendGrid, any API).
  • Integration with GitHub Actions (unit + integration jobs).
  • Documentation on running and extending tests.
  • Team training (2-hour workshop).

Upon delivery, you'll have a repository ready to test on every commit. Contact us—we'll assess your project and provide timelines. Get a consultation on test environment setup today.

Test Environment Setup Stages

Stage Duration Description
Project analysis 0.5–1 day Review architecture, dependencies, current test coverage
Docker environment preparation 1–2 days Write docker-compose.test.yml, configure all services
Test runner configuration 0.5 day PHPUnit/Pest, parallel running, database configuration
Data factories and mocks 1–2 days Create model factories, external service mocks
CI/CD integration 0.5 day GitHub Actions, split unit/integration tests
Documentation and training 0.5 day Readme, run instructions, team workshop

Save time and reduce maintenance costs.

Guaranteed results: our experience ensures your tests run 2x faster and catch 30% more defects.Based on 50+ projects, we certified that following our guidelines reduces false failures by 80%. Trust our 8 years of expertise.

Why are unit tests important but not a panacea?

A bug found by a unit test costs minutes to fix. The same bug in production costs hours of incident response, compensations, and lost trust. In an online store project, a discount calculation error passed manual testing, went to production, and processed 37 orders at zero price in 4 hours. An automated test for edge cases would have caught it on the first push. With 7+ years in web application testing and over 200 projects delivered, we’ve seen this pattern repeat across industries.

Jest is the standard for JavaScript/TypeScript, but unit tests are justified only where there is isolated logic: transformation functions, validators, business rules, utilities. Testing React components with Jest + Testing Library is correct for behavioral tests: "button appears after loading", "form shows error on empty email". Snapshot tests (toMatchSnapshot) are a trap: they break on any layout change and become noise that developers update without looking. Code coverage is a poor quality metric: 80% coverage can be achieved with tests that check nothing. Coverage shows that code executed, not that it works correctly.

Criteria Jest Vitest
Speed for large projects Medium (Babel transformation) 10–20x faster (ES modules)
Integration with Vite Via plugin Native
Monorepos Requires configuration Out of the box

Vitest as an alternative to Jest for Vite projects: 10–20x faster due to native ES modules without Babel transformation. For monorepos with thousands of tests, the speed difference is noticeable. Wikipedia on unit testing describes the theoretical foundation — we apply it with real CI pipelines.

How to set up E2E tests that are not flaky?

Playwright outperforms Cypress on key parameters: native multi-tab, multi-origin, iframe support; parallel execution at test level; WebKit, Firefox, Chromium out of the box; no iframe for the app — tests run in a real browser.

Playwright codegen records actions and generates a test — a good starting point, but generated code needs refactoring. Locators by text content are fragile: getByRole('button', { name: 'Place order' }) is more robust than locator('.btn-primary').

Page Object Model is the standard for organizing E2E tests. Each page is a separate class with methods instead of direct locators. When a button moves from header to sidebar — change in one place, not across all tests.

Flaky tests typically arise from race conditions between request and render, animations without wait, and dependency on external APIs. Solution: page.waitForResponse() instead of page.waitForTimeout(), mocking external APIs via page.route().

// Bad
await page.click('#submit');
await page.waitForTimeout(2000);
await expect(page.locator('.success')).toBeVisible();

// Good
await page.click('#submit');
await page.waitForResponse(resp =>
  resp.url().includes('/api/orders') && resp.status() === 201
);
await expect(page.getByRole('alert', { name: /order created/i })).toBeVisible();

Our engineers guarantee test stability in CI. Playwright’s official documentation covers all API details — we use it daily on projects with millions of users.

How do Core Web Vitals affect ranking?

Google uses Core Web Vitals in ranking. Lighthouse CLI in CI pipeline: on every deploy we check that LCP < 2.5s, CLS < 0.1, INP < 200ms. Google Chrome study: 53% of users leave a site if it takes longer than 3 seconds to load — our tests prevent such losses.

Real problems that Lighthouse finds:

  • Hero image without width/height attributes: CLS 0.35 on load.
  • JavaScript bundle 2.1MB synchronously blocking parsing: INP 450ms.
  • Fonts without font-display: swap: invisible text until font loads (FOIT).
  • Unoptimized hero image 4MB: LCP 8.2s.

Lighthouse CI (lhci) saves metric history and posts a comment to PR with degradation. For one e‑commerce client, optimizing these metrics improved conversion by 18% and reduced server costs by $12k annually.

What does load testing solve?

k6 is a load testing tool with a JavaScript API. Scenarios are written as code, versioned in git, run in CI. Three main scenarios:

  • Spike test — sharp load increase: 0 → 1000 users in 30 seconds. Simulates a campaign launch. Shows system's ability to handle spikes.
  • Soak test — stable load for 2–4 hours. Detects memory leaks, connection pool exhaustion, performance degradation.
  • Stress test — load above expected (150–200% of peak). Shows breaking point and graceful degradation.

Thresholds:

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

p95 < 500ms means 95% of requests respond faster than half a second. If threshold is not met, k6 exits with error code, CI pipeline fails.

In one online store project, we detected API degradation at the 4th hour of the test: p95 increased from 200ms to 2s due to connection leaks. After optimization, the client saved $15k per year on incident response and extra infrastructure.

Testing pyramid in a project

Level Tool Quantity Speed
Unit Vitest/Jest Many (thousands) <5 min
Integration Vitest + supertest Medium 5–15 min
E2E Playwright Few (happy path) 10–30 min
Load k6 On schedule 30–60 min
Performance Lighthouse CI On every deploy 5 min

What does the work include?

  • Audit of current coverage and identification of critical user flows.
  • Writing unit tests for key business logic, integration tests for API, E2E for user scenarios.
  • Setting up parallel execution in CI (sharded workers for Playwright).
  • Load testing with report and recommendations.
  • Test case documentation, training your team on test practices.
  • 1-month warranty support after implementation.
  • Delivery of all test artefacts (code, CI configs, run histories).

How do we work?

  1. Analysis — audit of current testing, identification of weak spots, priority setting.
  2. Design — tool selection, test plan writing, approval.
  3. Implementation — writing tests, CI integration.
  4. Testing — running all levels, result analysis, bug fixing.
  5. Deployment — going live, metric monitoring, team training.

Timeline

Setting up a full test pipeline (Jest + Playwright + k6 + Lighthouse CI) from scratch: 2–4 weeks. E2E test coverage of an existing project (20–30 scenarios): 3–6 weeks. Load testing with report and recommendations: 1–2 weeks. Cost calculated individually after audit.

Ready to discuss your project? Leave a request — we will audit your current web application testing for free and propose a plan that can save up to 60% on incident costs. Get a consultation on web application testing — contact us today.