Selenium vs Cypress vs Playwright comparison in Selenium Python - Framework Approaches Compared

Framework Mode - Selenium vs Cypress vs Playwright comparison

Folder Structure Comparison

Selenium (Python):
project_root/
├── tests/
│   ├── test_login.py
│   └── test_checkout.py
├── pages/
│   ├── login_page.py
│   └── checkout_page.py
├── utils/
│   └── helpers.py
├── conftest.py
└── pytest.ini

Cypress (JavaScript):
cypress_project/
├── cypress/
│   ├── e2e/
│   │   ├── login.cy.js
│   │   └── checkout.cy.js
│   ├── fixtures/
│   │   └── users.json
│   └── support/
│       ├── commands.js
│       └── e2e.js
├── cypress.config.js
└── package.json

Playwright (Python):
playwright_project/
├── tests/
│   ├── test_login.py
│   └── test_checkout.py
├── pages/
│   ├── login_page.py
│   └── checkout_page.py
├── utils/
│   └── helpers.py
├── pytest.ini
└── conftest.py
    

Test Framework Layers

• Driver Layer:
  • Selenium: Uses WebDriver API to control browsers externally.
  • Cypress: Runs inside the browser with direct access to DOM and network.
  • Playwright: Uses browser automation with multiple browser engines support.
• Page Objects: Encapsulate page elements and actions for reuse.
• Tests: Test cases using test runners (pytest for Selenium/Playwright, Mocha for Cypress).
• Utilities: Helper functions, data generators, and common utilities.
• Configuration: Environment settings, browser options, credentials management.

Configuration Patterns

• Selenium: Use pytest.ini and conftest.py for fixtures and browser setup. Use environment variables or config files for URLs and credentials.
• Cypress: Use cypress.config.js to set baseUrl, browser, and environment variables. Supports cypress.env.json for sensitive data.
• Playwright: Use pytest.ini and conftest.py with Playwright fixtures. Configurable browsers and base URLs via environment variables or config files.

Test Reporting and CI/CD Integration

• Selenium: Integrate with pytest-html or Allure for reports. Run tests in CI pipelines like Jenkins, GitHub Actions.
• Cypress: Built-in dashboard service for test results and video recordings. Easy CI integration with GitHub Actions, CircleCI.
• Playwright: Supports HTML and JSON reports via pytest plugins. Integrates smoothly with CI/CD pipelines.

Best Practices for Framework Design

1. Use Page Object Model to separate test logic from UI details.
2. Keep test data and credentials outside code using environment variables or secure files.
3. Use explicit waits or built-in retries to handle dynamic page elements.
4. Write small, independent tests for easier debugging and maintenance.
5. Integrate test reporting and CI early to catch issues quickly.

Self Check Question

In the Selenium Python framework structure shown, where would you add a new page object for the "Profile" page?

Key Result

Selenium, Cypress, and Playwright frameworks organize tests, page objects, utilities, and configs distinctly but share core layers like driver control, page abstraction, and reporting integration.