Tests: Add visual regression tests for admin reskin pages#10914
Tests: Add visual regression tests for admin reskin pages#10914josephfusco wants to merge 9 commits intoWordPress:trunkfrom
Conversation
Add 7 new visual regression snapshot tests covering admin pages most impacted by the CSS reskin that previously had no automated visual coverage: - Dashboard (/index.php) - Themes (/themes.php) - General Settings (/options-general.php) - Writing Settings (/options-writing.php) - Permalink Settings (/options-permalink.php) - Add New Post (/post-new.php) - Edit Post (/post.php?post=<id>&action=edit) Theme screenshots and editor content areas are masked to avoid false positives from dynamic content. See #64308.
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the Core Committers: Use this line as a base for the props when committing in SVN: To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Test using WordPress PlaygroundThe changes in this pull request can previewed and tested using a WordPress Playground instance. WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser. Some things to be aware of
For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation. |
Add compare-branches.sh that automates the baseline generation and comparison workflow into a single npm run test:visual command. The script checks out trunk (or a specified base branch), generates baseline snapshots, switches back to the feature branch, and runs the comparison.
Configure list and HTML reporters for the visual regression Playwright config. The HTML report opens automatically on failure and outputs to the artifacts directory.
Add impact summary reporter, fast re-run mode, and auto-open HTML report to streamline CSS iteration during the admin reskin effort.
Add impact summary reporter, fast re-run mode, and auto-open HTML report to streamline CSS iteration during the admin reskin effort.
…thub.com/josephfusco/wordpress-develop into add/visual-regression-tests-admin-reskin
Summary
npm run test:visual) that automates baseline generation from trunk and comparison against the current branchNew tests
/index.php/themes.php/options-general.php/options-writing.php/options-permalink.php/post-new.php/post.php?post=<id>&action=edit/site-health.php/update-core.php/wp-login.phpHow to use
From a feature branch with a clean working tree, start the environment and run:
This will automatically:
If any tests fail, diff images can be found in
artifacts/.To compare against a branch other than trunk:
Snapshots are gitignored — no storage overhead in the repo.
Trac ticket
https://core.trac.wordpress.org/ticket/64308