End-to-end testing setup with Playwright and/or Cypress

[eliot-akira]

• Playwright

  • https://playwright.dev/
  • https://github.com/microsoft/playwright

• Cypress

  • https://cypress.io/
  • https://github.com/cypress-io/cypress
  • Gettings started

For reference, see E2E tests in

• Gutenberg

  • Migrating WordPress E2E tests to Playwright
  • E2E test utils - https://github.com/WordPress/gutenberg/tree/trunk/packages/e2e-test-utils-playwright

• WordPress Playground

  • https://github.com/WordPress/wordpress-playground/tree/trunk/packages/playground/website/cypress

[eliot-akira]

After reading some articles [^1] [^2] [^3], Playwright looks good.

Getting Started: Installing Playwright

Next questions:

• How to run tests with wp-env for local WordPress environment

  (See Gutenberg's E2E test utils and playwright.config.js)

• GitHub Action for continuous integration

[^1]: Cypress vs Playwright: A Detailed Comparison [^2]: Migrating from Cypress to Playwright [^3]: Introducing e2e testing to WordPress block development

[eliot-akira]

Resolved by:

• End-to-end testing setup with wp-env and Playwright - Commit bdb0e72