skills.rest
Automattic
AutomatticOFFICIAL
Explore all skills by this author →
Website𝕏@automatticengGitHub

image-studio-ui-tests

Automate UI regression tests for Image Studio entry points, modals, sidebars, and block-editor interactions.

12.6k|2.0k|Updated Nov 10, 2015
Search Tags:#playwright#ui-testing#e2e-testing#qa-automation#image-studio
One-click install
npx skills add https://github.com/Automattic/wp-calypso --skill image-studio-ui-tests
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-studio-ui-tests
Source: https://github.com/Automattic/wp-calypso/tree/main/packages/image-studio/.agents/skills/ui-testing
Command: npx skills add https://github.com/Automattic/wp-calypso --skill image-studio-ui-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

QA teams spend substantial time manually validating UI flows for the Image Studio feature across multiple entry points and dialogs. This skill provides automated UI tests to ensure consistent behavior and catch regressions early.

Core Features & Use Cases

  • Comprehensive UI test coverage for the Image Studio feature, including the main editor modal, header actions, image info sidebar, and block-editor integration.
  • End-to-end validations of UI state, element presence, navigation, and success/error states without manual interaction.
  • Use Case: Run regression tests after a new release to ensure the Image Studio UI remains stable and responsive.

Quick Start

Execute the UI test suite for Image Studio against a test site to validate end-to-end flows.

Frequently Asked Questions about image-studio-ui-tests

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate UI testing for the Image Studio modal and sidebar?▼

Yes, the automated UI test suite provides end-to-end regression coverage for Image Studio block-editor interactions, validating UI states, element presence, and navigation flows to catch regressions before release.

Can I run these E2E tests against a test site to validate Image Studio flows?▼

You can execute the UI test suite for Image Studio against a test site to validate end-to-end flows. This quick start approach comprehensively validates UI states, element presence, and navigation across all entry points.

What is the best way to catch UI regressions in the Image Studio feature?▼

The best way to catch UI regressions in the Image Studio feature is by running automated Playwright E2E tests that validate UI elements, states, and navigation across entry points, modals, sidebars, and block-editor interactions.

Do I need Playwright to run the Image Studio automated UI tests?▼

Yes, Playwright is required as the QA automation framework to execute end-to-end validations of UI state, element presence, and navigation behavior for the Image Studio feature.

Why does manual validation take so much time for Image Studio UI flows?▼

Manual validation of Image Studio UI flows takes substantial time because QA teams must individually check multiple entry points, modals, sidebars, and block-editor interactions. Automated Playwright UI tests eliminate this effort by validating states and navigation end-to-end.

Related Skills

Explore More Software Engineering Skills→
spencerpaulyspencerpauly
672

adding-e2e-tests

Set up Playwright end-to-end testing with smoke tests and GitHub Actions.

Community
Intermediate
cbbkrd-techcbbkrd-tech

ln-514-regression-checker

Automates execution of pytest, jest, vitest and go test suites to detect regressions.

Community
Intermediate
Jason-Clark-FGJason-Clark-FG

playwright-validation

Validate UI changes on feature branches with Playwright end-to-end tests.

Community
Intermediate
franklioxygenfranklioxygen
73

test-strategy

Map behaviors to a coverage matrix and identify missing boundary and regression scenarios.

Community
Intermediate