Skip to content

feat(ci): integrate playwright visual regression and accessibility checks - #207

Open
toufiq00007 wants to merge 1 commit into
arzoo0511:mainfrom
toufiq00007:feat/ci-visual-a11y-testing
Open

feat(ci): integrate playwright visual regression and accessibility checks#207
toufiq00007 wants to merge 1 commit into
arzoo0511:mainfrom
toufiq00007:feat/ci-visual-a11y-testing

Conversation

@toufiq00007

@toufiq00007 toufiq00007 commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

Overview

This PR introduces automated end-to-end user interface quality assurance checks into our CI pipeline. It integrates official containerized Playwright configurations to execute automated Accessibility (a11y) audits and Visual Regression/Snapshot tests seamlessly on pull requests.

Additionally, this resolve an active WCAG accessibility violation identified on the landing page hero component during baseline generation.

Changes Introduced

⚙️ CI/CD & Test Automation

  • playwright.config.ts: Initialized core Playwright architecture supporting parallel processing, desktop/mobile multi-browser configurations, and automatic local server mounting hooks.
  • .github/workflows/ci.yml: Unified pipeline barriers by appending a containerized ui-quality job that runs concurrently alongside core validation scripts inside Microsoft's official Playwright docker environment.
  • tests/ui-quality.spec.ts: Implemented a core UI audit suite using @axe-core/playwright for automated accessibility checks (wcag2a, wcag21aa specifications) and pixel-matching snapshot engines.
  • .gitignore: Added exceptions for dynamic playwright-report/ and local test-results/ artifacts to prevent repository clutter.

♿ Accessibility Standard Fixes

  • src/pages/LandingPage.tsx: Patched the interactive Framer Motion scroll indicator button component by providing a distinct aria-label="Scroll down to features section". This fixes a critical WCAG violation where screen-readers encountered a structural button missing discernible alternative inner-text strings.

Verifications & Testing Completed

closes #206

@vercel

vercel Bot commented Jun 23, 2026

Copy link
Copy Markdown

@toufiq00007 is attempting to deploy a commit to the arzoorai0207-5745's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Jul 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ecoplay Ready Ready Preview, Comment Jul 11, 2026 8:00am

@arzoo0511

Copy link
Copy Markdown
Owner

pr failing, check out !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

CI/CD: Implement Automated Accessibility (a11y) & Visual Regression Testing Pipeline via Playwright

2 participants