e2e resources

[carstingaxion]

Focus on WordPress

Handbook

• https://developer.wordpress.org/block-editor/reference-guides/packages/packages-e2e-test-utils-playwright/
• https://developer.wordpress.org/block-editor/contributors/code/testing-overview/e2e/
• https://developer.wordpress.org/block-editor/contributors/code/testing-overview/e2e/overusing-snapshots/

using Docker (KISS Example)

• https://github.com/meszarosrob/wordpress-e2e-playwright-intro
• https://wordpress.tv/2023/11/21/getting-started-with-the-e2e-playwright-test-utils-for-wordpress-today-2023/

using wp-env

• https://www.wpgraphql.com/2022/02/17/adding-end-2-end-tests-to-wordpress-plugins-using-wp-env-and-wp-scripts
• https://github.com/WordPress/gutenberg/blob/trunk/.github/workflows/end2end-test.yml

using Playground 🌈🤩🚀

• https://github.com/search?q=wp-now+playwright&type=code
• https://github.com/TangibleInc/template-system/blob/22cf7247ba33ef8c0d98580cf519d45f9c4d4965/readme.md#test
• https://github.com/swissspidy/media-experiments/blob/aa1768a8c106bb4b956273b7fae5c9840d6f6561/package.json#L99
• https://github.com/davseve/elementor/blob/7397741f6bd8cab2fe7fd34861e2bf6eb8e1398f/.github/workflows/pwwpnow.yml#L4
• https://wordpress.com/blog/2023/05/23/wp-now-launch-a-local-environment-in-seconds/
• https://www.npmjs.com/package/@wp-now/wp-now

Pro

• https://youtu.be/fdG6O6k0Ktc?feature=shared&t=2099

Contra

I couldn't get it to reliably work with the nested iframes structure. Playground.wordpress.net embeds the /remote.html file in an iframe, and inside that there is another iframe where WordPress is rendered. I tried for a few hours, but still couldn't get Playwright to wait for and target the most recent page in the doubly nested WordPress iframe.

Adam Zielinski: WordPress/wordpress-playground#885 (comment)

.... some hours later

So maybe let's give Playwright another chance provided it can reliably handle the doubly nested iframes used in Playground!

Adam Zielinski: WordPress/wordpress-playground#885 (comment)

although I'm slow (and always am), I started working with someone to work on running the Gutenberg E2E suite against the Playground with Core's trunk. My schedule was a bit off because of a meetup we had a couple weeks ago and a small vacation I took afterwards.

@ dmsnell 07.11.2023

---

core use & migration guides

• Migrate E2E tests to Playwright WordPress/gutenberg#38851

Introduction of Playwright

• https://wordpress.tv/2023/09/20/how-to-automate-your-maintenance-with-playwright/

VSCode extension

• https://playwright.dev/docs/getting-started-vscodek

[carstingaxion]

After an interesting journey through different environments, GatherPress has finally reached wp-now level and this issue can be closed.

The journey:

• 🔴 Feature/playwright e2e testing DOCKER #3
• 🟡 Feature/e2e tests workflow GatherPress/gatherpress#776
• 🟢 NEW e2e environment using playground cli GatherPress/gatherpress#810