UI-test-Demo

代码审查规则集与检查清单。Use when: code review, 代码审查, review code, 审查代码, PR review, security audit, 安全审查, code quality, 代码质量, review my code, 帮我审查, code style, 代码风格, accessibility audit, performance review, maintainability analysis.

VLM-enhanced visual regression review using Azure OpenAI GPT-4o vision. Use when: user asks for VLM review, semantic visual diff, smart noise filter, vision language model, GPT-4o visual comparison, VLM confidence threshold, visual regression adjudication, VLM cost controls, or VLM-enhanced screenshot analysis. Provides a self-contained, cross-project portable VLM integration with templates that can be copied into any Playwright project.

Generate Playwright configuration files, npm scripts, and gitignore entries. Use when: user needs playwright.config.ts, playwright-ct.config.ts, playwright.service.config.ts, package scripts, .gitignore entries, or a reusable Playwright setup template before running CT, E2E, or visual tests.

Generate and run Playwright Component Tests (CT) for isolated UI components. Use when: user asks for component testing, unit testing UI components, testing component props, testing component events, mounting components in isolation, or testing React/Vue/Svelte/Solid components with Playwright. Requires a shared component discovery contract, typically from the ui-test or ui-test-discovery agent, before generating component specs.

Generate and run Playwright E2E (end-to-end) tests for any frontend project. Use when: user asks to run E2E tests, write E2E tests, test page navigation, test form interactions, test i18n switching, create user journey tests, or verify UI behavior across pages. Requires a shared E2E discovery contract and, when needed, runtime DOM exploration from ui-test or ui-test-discovery.

Generate and run Playwright visual regression tests with screenshot comparison. Use when: user asks for visual testing, screenshot testing, visual regression, responsive design testing, pixel comparison, visual diff, UI screenshot tests, or baseline screenshot management. Focuses on core screenshot workflows and hands off Azure, CI gating, and VLM governance concerns separately.

Set up and run Playwright tests on Azure Playwright Workspace (cloud). Use when: user asks for Azure Playwright Testing, Azure PT, cloud testing, Azure cloud browsers, Azure test infrastructure, CI/CD with Azure Playwright, or setting up playwright.service.config.ts. Covers workspace setup, authentication, cloud execution policy, CI/CD workflows, cost management, and portal reporting.

Explore a live website when only a URL is available and generate reusable Playwright exploration output. Use when: user asks to inspect a site by URL, crawl routes without source code, map a live UI, probe interactions, or generate self-contained E2E and visual test drafts from browser exploration.