E2E Testing with Selenium WebDriver for Websites

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
E2E Testing with Selenium WebDriver for Websites
Medium
~5 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

E2E Testing with Selenium WebDriver for Websites

Release is delayed by three days due to manual regression. Every UI change breaks old scenarios, the team spends hours re-checking. Flaky tests undermine trust in automation: tests passed yesterday, fail today for no apparent reason, and developers waste time debugging failures. We offer to implement E2E tests with Selenium WebDriver — this reduces regression from three days to one hour and provides 99% stability.

Selenium is the oldest browser automation standard. Supports all major browsers, all programming languages, integrates with TestNG, JUnit, pytest. It is chosen when cross-browser compatibility via Selenium Grid is needed or there is already legacy infrastructure. We use Selenium 4 with headless mode, enabling tests to run on a server without a graphical environment.

Problems Solved by Selenium E2E Tests

Brittleness of tests due to dynamic content. Selenium uses waits (WebDriverWait) for stabilization. We configure explicit waits with state checks — this reduces flaky tests. In practice, the number of reruns drops by 80%, and test run stability reaches 99%. — Selenium Documentation

Lack of parallel execution. Selenium Grid allows running tests on multiple nodes simultaneously. With Docker Compose, infrastructure is deployed in 10 minutes. Using 4 nodes, regression of 100 tests completes in 25 minutes instead of 100.

High maintenance cost of tests. We apply the Page Object pattern — each screen is described by a separate class. A selector change is fixed in one place. Time to update tests after UI changes is reduced by 60%. That's 2.5 times faster compared to direct selectors.

How We Do It: Stack and Approach

We use Selenium 4 with headless Chrome/Firefox. For Python — pytest with fixtures, for Java — TestNG. We code following the Page Object Model, which gives reusability and readability. With over 8 years of Selenium experience, we guarantee test stability and offer a 3-month warranty. Testing budget savings can reach 500,000 rubles per year, and projects start from 200,000 rubles.

Example of Chrome headless configuration:

# conftest.py
import pytest
from selenium import webdriver
from selenium.webdriver.chrome.options import Options

@pytest.fixture(scope='session')
def driver():
    options = Options()
    options.add_argument('--headless=new')
    options.add_argument('--no-sandbox')
    options.add_argument('--disable-dev-shm-usage')
    driver = webdriver.Chrome(options=options)
    driver.implicitly_wait(10)
    driver.set_window_size(1280, 900)
    yield driver
    driver.quit()

Test for login with redirect wait:

# tests/test_login.py
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

class TestLogin:
    def test_valid_login(self, driver):
        driver.get('http://localhost:8000/login')
        driver.find_element(By.CSS_SELECTOR, '[data-cy="email"]').send_keys('user@example')
        driver.find_element(By.CSS_SELECTOR, '[data-cy="password"]').send_keys('password123')
        driver.find_element(By.CSS_SELECTOR, '[data-cy="submit"]').click()
        wait = WebDriverWait(driver, 10)
        wait.until(EC.url_contains('/dashboard'))
        assert '/dashboard' in driver.current_url

    def test_invalid_login(self, driver):
        driver.get('http://localhost:8000/login')
        driver.find_element(By.ID, 'email').send_keys('wrong@example')
        driver.find_element(By.ID, 'password').send_keys('wrongpass')
        driver.find_element(By.XPATH, '//button[@type="submit"]').click()
        error = WebDriverWait(driver, 5).until(
            EC.visibility_of_element_located((By.CSS_SELECTOR, '.error-message'))
        )
        assert 'Неверный' in error.text

How the Page Object Pattern Simplifies Test Maintenance?

Page Object isolates selectors and page logic. If a frontend developer changes id to data-cy, the fix is made only in the page class, not in all tests. This reduces maintenance time by 60% compared to direct selectors. Moreover, the Page Object Model creates a unified API for element interaction.

# pages/login_page.py
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

class LoginPage:
    URL = '/login'

    def __init__(self, driver):
        self.driver = driver
        self.wait = WebDriverWait(driver, 10)

    def open(self):
        self.driver.get(f'http://localhost:8000{self.URL}')
        return self

    def enter_email(self, email: str):
        self.driver.find_element(By.ID, 'email').send_keys(email)
        return self

    def enter_password(self, password: str):
        self.driver.find_element(By.ID, 'password').send_keys(password)
        return self

    def submit(self):
        self.driver.find_element(By.CSS_SELECTOR, 'button[type=submit]').click()
        return self

    def get_error_message(self) -> str:
        element = self.wait.until(EC.visibility_of_element_located((By.CLASS_NAME, 'error')))
        return element.text

How to Set Up Parallel Execution with Selenium Grid?

To speed up regression, we deploy Selenium Grid in Docker. The file docker-compose-grid.yml starts a hub and 3 Chrome nodes + Firefox node.

Example docker-compose-grid.yml
# docker-compose-grid.yml
services:
  selenium-hub:
    image: selenium/hub:4.18
    ports:
      - "4442:4442"
      - "4443:4443"
      - "4444:4444"

  chrome-node:
    image: selenium/node-chrome:4.18
    environment:
      SE_EVENT_BUS_HOST: selenium-hub
    depends_on: [selenium-hub]
    deploy:
      replicas: 3

  firefox-node:
    image: selenium/node-firefox:4.18
    environment:
      SE_EVENT_BUS_HOST: selenium-hub

Connecting to Grid: RemoteWebDriver with hub address.

from selenium.webdriver.remote.webdriver import RemoteWebDriver
driver = RemoteWebDriver(
    command_executor='http://selenium-hub:4444/wd/hub',
    options=ChromeOptions()
)

Comparison of wait types in Selenium:

Wait Type Description When to Use
Implicit (implicitly_wait) Waits for element to appear in DOM (global) For simple pages with predictable loading
Explicit (WebDriverWait + EC) Waits for specific condition (visibility, clickability) For dynamic content, AJAX requests
FluentWait Explicit wait with polling and exception ignoring For complex scenarios with changing conditions

Why Selenium is Better Than Other Tools?

Tool Cross-browser Parallel Execution Languages Execution Speed
Selenium All browsers Selenium Grid Java, Python, C#, JS Medium
Cypress Only Chrome No JS High
Playwright Chrome, Firefox, Safari Built-in JS, Python, C# High

Selenium is indispensable when support for Internet Explorer, Edge Legacy, or distributed execution on a farm of 10+ machines is required. For example, in one project we parallelized 200 tests on 8 nodes — regression completed in 18 minutes instead of 4 hours. This saved the client over 400,000 rubles per year. QA cost reduction up to 80%.

To combat flaky tests, we use FluentWait with polling every 500 ms and ignoring StaleElementReferenceException. This gives 99% stability on dynamic pages.

What's Included in the Work: Deliverables

  • Setting up test infrastructure (Selenium Grid, Docker, CI agents).
  • Developing Page Object classes for key pages (up to 20 classes).
  • Writing 20–50 test cases (positive/negative, edge cases).
  • CI/CD integration (Jenkins, GitLab CI, GitHub Actions).
  • Report generation (Allure, pytest-html with coverage metrics).
  • Documentation on execution and maintenance.
  • Team training for 1–2 days.
  • Access to all test artifacts and ongoing support.

Work Process

  1. Analysis — study the application, identify critical scenarios, estimate effort.
  2. Design — define Page Object structure, test data, Grid configuration.
  3. Implementation — write Page Object classes and tests, configure waits.
  4. Test — run on staging, fix flaky tests, measure stability.
  5. Deploy — integrate into CI, set up reports, demonstrate to the team.

Timelines (Approximate)

  • From 5 business days (30 tests, basic set, no Grid).
  • Up to 15 business days (50+ tests, Grid, full documentation, training).

We provide an accurate estimate after project audit. Our automation experience: over 50 projects, 8 years working with Selenium. Contact us — and we'll show how E2E tests can cut regression from three days to one hour. Order E2E test development now, and your team will stop wasting time on manual rechecks. Testing budget savings can reach 500,000 rubles per year. Get a consultation — we'll answer all your questions.

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.