Testing Framework 2 #18

Merged

an.di merged 9 commits from adilallo/enhancement/TestingFramework3 into main 2025-09-04 15:13:12 +00:00

Conversation 0 Commits 9 Files Changed 42

+1943 -909

an.di commented 2025-09-03 19:29:55 +00:00

Owner

Copy Link

Copy Source

🔧 Fix Visual Regression Tests & Reorganize Accessibility Testing

What Changed

Fixed Visual Regression Test Failures

• Fixed Playwright configuration issue where visual regression tests couldn't find snapshot files
• Updated snapshotPathTemplate to use hardcoded tests/e2e/ path after changing testDir to tests/
• All 92 visual regression tests now passing across Chromium, Firefox, WebKit, and Mobile

Reorganized Accessibility Testing Structure

• Moved accessibility tests to dedicated tests/accessibility/ folder structure:
  • tests/accessibility/unit/components.test.jsx (from tests/unit/accessibility.test.jsx)
  • tests/accessibility/e2e/wcag-compliance.spec.ts (from tests/e2e/accessibility.spec.ts)
• Updated vitest.config.mjs to include new accessibility unit test path
• Updated playwright.config.ts to discover tests in both tests/e2e/ and tests/accessibility/ directories
• Fixed relative import paths in moved test files

Enhanced Unit Testing Coverage

• Added comprehensive unit tests for multiple components:
  • Button.test.jsx - 12 tests covering rendering, interactions, and accessibility
  • Logo.test.jsx - 12 tests covering logo variants and responsive behavior
  • RuleCard.test.jsx - 18 tests covering card states and interactions
  • SectionHeader.test.jsx - 17 tests covering header variations
  • NumberedCard.test.jsx - 18 tests covering card functionality
  • LogoWall.test.jsx - 6 tests covering logo wall display
  • Page.test.jsx - 6 tests covering page structure
  • QuoteBlock.test.jsx - 6 tests covering quote display
  • RuleCard.test.jsx - 8 tests covering rule card behavior
  • RuleStack.test.jsx - 7 tests covering rule stack functionality
  • SectionHeader.test.jsx - 8 tests covering section header variants
• Unit test coverage increased to 94.88% (exceeds 85% target)

Updated Documentation

• Updated docs/testing-framework.md and docs/testing-quick-reference.md to reflect new accessibility folder structure
• Added accessibility testing commands and folder organization details

Why This Was Needed

1. Visual Regression Tests: Were failing due to snapshot path mismatch after Playwright config changes
2. Accessibility Tests: Needed better organization and discoverability in dedicated folder structure
3. Test Discovery: Playwright needed to find tests in both E2E and accessibility subdirectories
4. Unit Test Coverage: Needed to meet CR-26 ticket requirements for comprehensive component testing

# 🔧 Fix Visual Regression Tests & Reorganize Accessibility Testing ## What Changed ### Fixed Visual Regression Test Failures - Fixed Playwright configuration issue where visual regression tests couldn't find snapshot files - Updated `snapshotPathTemplate` to use hardcoded `tests/e2e/` path after changing `testDir` to `tests/` - All 92 visual regression tests now passing across Chromium, Firefox, WebKit, and Mobile ### Reorganized Accessibility Testing Structure - Moved accessibility tests to dedicated `tests/accessibility/` folder structure: - `tests/accessibility/unit/components.test.jsx` (from `tests/unit/accessibility.test.jsx`) - `tests/accessibility/e2e/wcag-compliance.spec.ts` (from `tests/e2e/accessibility.spec.ts`) - Updated `vitest.config.mjs` to include new accessibility unit test path - Updated `playwright.config.ts` to discover tests in both `tests/e2e/` and `tests/accessibility/` directories - Fixed relative import paths in moved test files ### Enhanced Unit Testing Coverage - Added comprehensive unit tests for multiple components: - `Button.test.jsx` - 12 tests covering rendering, interactions, and accessibility - `Logo.test.jsx` - 12 tests covering logo variants and responsive behavior - `RuleCard.test.jsx` - 18 tests covering card states and interactions - `SectionHeader.test.jsx` - 17 tests covering header variations - `NumberedCard.test.jsx` - 18 tests covering card functionality - `LogoWall.test.jsx` - 6 tests covering logo wall display - `Page.test.jsx` - 6 tests covering page structure - `QuoteBlock.test.jsx` - 6 tests covering quote display - `RuleCard.test.jsx` - 8 tests covering rule card behavior - `RuleStack.test.jsx` - 7 tests covering rule stack functionality - `SectionHeader.test.jsx` - 8 tests covering section header variants - **Unit test coverage increased to 94.88%** (exceeds 85% target) ### Updated Documentation - Updated `docs/testing-framework.md` and `docs/testing-quick-reference.md` to reflect new accessibility folder structure - Added accessibility testing commands and folder organization details ## Why This Was Needed 1. **Visual Regression Tests**: Were failing due to snapshot path mismatch after Playwright config changes 2. **Accessibility Tests**: Needed better organization and discoverability in dedicated folder structure 3. **Test Discovery**: Playwright needed to find tests in both E2E and accessibility subdirectories 4. **Unit Test Coverage**: Needed to meet CR-26 ticket requirements for comprehensive component testing

an.di added 1 commit 2025-09-03 19:29:55 +00:00

Fix visual regression tests d84abf5aa7

an.di added 3 commits 2025-09-03 20:03:26 +00:00

Add more unit testing 8a6ac5e346

Update mobile screenshot dfb64a590d

Remove seed vr snapshots 3f1327b116

an.di added 3 commits 2025-09-03 20:51:16 +00:00

Update testing documentation 25998e946f

Move accessibility tests to new folder ce53de9003

Run lint and prettier b265aace57

an.di added 1 commit 2025-09-03 21:27:52 +00:00

Update visual regression snapshot path bf706de68e

an.di changed title from Fix visual regression tests to Testing Framework 2 2025-09-04 13:59:29 +00:00

an.di added 1 commit 2025-09-04 14:02:43 +00:00

Run tests only on PRs 3e42fe86a4

an.di merged commit 0ee9725f3f into main 2025-09-04 15:13:12 +00:00

an.di referenced this issue from a commit 2025-09-04 15:13:14 +00:00

Merge pull request 'Testing Framework 2' (#18) from adilallo/enhancement/TestingFramework3 into main

an.di deleted branch adilallo/enhancement/TestingFramework3 2025-09-04 15:16:10 +00:00

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No labels

Milestone

No items

No Milestone

Projects

Clear projects

No projects

Assignees

Clear assignees

an.di (Andy DiLallo) ntnsndr (Nathan Schneider)

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: CommunityRule/community-rule#18