@wundr.io/cli 1.0.1 → 1.0.2-dev.20260530174250.ef0ec927

package/test-suites/ui/accessibility.spec.ts

@@ -8,23 +8,23 @@ import AxeBuilder from '@axe-core/playwright';
 test.describe('Accessibility Tests', () => {
   test('homepage meets WCAG standards', async ({ page }) => {
     await page.goto('/');
-    
+
     const accessibilityScanResults = await new AxeBuilder({ page })
       .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
       .analyze();
-    
+
     expect(accessibilityScanResults.violations).toEqual([]);
   });
 
   test('all images have alt text', async ({ page }) => {
     await page.goto('/');
-    
+
     const images = await page.locator('img').all();
-    
+
     for (const img of images) {
       const alt = await img.getAttribute('alt');
       const role = await img.getAttribute('role');
-      
+
       // Images should have alt text or be marked as decorative
       expect(alt !== null || role === 'presentation').toBeTruthy();
     }
@@ -32,18 +32,19 @@ test.describe('Accessibility Tests', () => {
 
   test('forms have proper labels', async ({ page }) => {
     await page.goto('/');
-    
+
     const inputs = await page.locator('input, select, textarea').all();
-    
+
     for (const input of inputs) {
       const id = await input.getAttribute('id');
       const ariaLabel = await input.getAttribute('aria-label');
       const ariaLabelledBy = await input.getAttribute('aria-labelledby');
-      
+
       if (id) {
         // Check for associated label
         const label = await page.locator(`label[for="${id}"]`).count();
-        const hasLabel = label > 0 || ariaLabel !== null || ariaLabelledBy !== null;
+        const hasLabel =
+          label > 0 || ariaLabel !== null || ariaLabelledBy !== null;
         expect(hasLabel).toBeTruthy();
       }
     }
@@ -51,47 +52,51 @@ test.describe('Accessibility Tests', () => {
 
   test('focus is visible and logical', async ({ page }) => {
     await page.goto('/');
-    
+
     // Tab through interactive elements
     await page.keyboard.press('Tab');
-    
+
     // Check if focused element has visible outline
-    const focusedElement = await page.evaluateHandle(() => document.activeElement);
-    const hasOutline = await focusedElement.evaluate((el) => {
+    const focusedElement = await page.evaluateHandle(
+      () => document.activeElement
+    );
+    const hasOutline = await focusedElement.evaluate(el => {
       if (!el) return false;
       const styles = window.getComputedStyle(el as Element);
       return styles.outlineStyle !== 'none' || styles.boxShadow !== 'none';
     });
-    
+
     expect(hasOutline).toBeTruthy();
   });
 
   test('color contrast meets standards', async ({ page }) => {
     await page.goto('/');
-    
+
     const accessibilityScanResults = await new AxeBuilder({ page })
       .withTags(['color-contrast'])
       .analyze();
-    
+
     expect(accessibilityScanResults.violations).toEqual([]);
   });
 
   test('page has proper heading structure', async ({ page }) => {
     await page.goto('/');
-    
+
     // Check for h1
     const h1Count = await page.locator('h1').count();
     expect(h1Count).toBeGreaterThan(0);
-    
+
     // Check heading hierarchy
     const headings = await page.evaluate(() => {
-      const headingElements = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
+      const headingElements = document.querySelectorAll(
+        'h1, h2, h3, h4, h5, h6'
+      );
       return Array.from(headingElements).map(h => ({
         level: parseInt(h.tagName[1]),
-        text: h.textContent
+        text: h.textContent,
       }));
     });
-    
+
     // Verify no skipped heading levels
     let previousLevel = 0;
     for (const heading of headings) {
@@ -99,4 +104,4 @@ test.describe('Accessibility Tests', () => {
       previousLevel = heading.level;
     }
   });
-});
+});

package/test-suites/ui/smoke.spec.ts

@@ -8,8 +8,8 @@ import { test, expect } from '@playwright/test';
 test.describe('Portable Smoke Tests', () => {
   test('homepage loads without errors', async ({ page }) => {
     const jsErrors: string[] = [];
-    
-    page.on('pageerror', (error) => {
+
+    page.on('pageerror', error => {
       jsErrors.push(error.message);
     });
 
@@ -18,31 +18,33 @@ test.describe('Portable Smoke Tests', () => {
 
     // Basic structure should be present
     await expect(page.locator('body')).toBeVisible();
-    
+
     // Should not have critical JavaScript errors
-    const criticalErrors = jsErrors.filter(error => 
-      error.includes('Cannot read') || 
-      error.includes('undefined is not') ||
-      error.includes('Uncaught')
+    const criticalErrors = jsErrors.filter(
+      error =>
+        error.includes('Cannot read') ||
+        error.includes('undefined is not') ||
+        error.includes('Uncaught')
     );
-    
+
     expect(criticalErrors.length).toBe(0);
   });
 
   test('navigation elements are present', async ({ page }) => {
     await page.goto('/');
-    
+
     // Check for common navigation patterns
-    const hasNavigation = await page.locator('nav, [role="navigation"], header').count() > 0;
+    const hasNavigation =
+      (await page.locator('nav, [role="navigation"], header').count()) > 0;
     expect(hasNavigation).toBeTruthy();
   });
 
   test('interactive elements are clickable', async ({ page }) => {
     await page.goto('/');
-    
+
     // Find clickable elements
     const buttons = await page.locator('button:visible, a:visible').all();
-    
+
     if (buttons.length > 0) {
       // Test first button/link
       const firstElement = buttons[0];
@@ -52,10 +54,10 @@ test.describe('Portable Smoke Tests', () => {
 
   test('forms accept input', async ({ page }) => {
     await page.goto('/');
-    
+
     // Look for form inputs
     const inputs = await page.locator('input:visible, textarea:visible').all();
-    
+
     if (inputs.length > 0) {
       const firstInput = inputs[0];
       await firstInput.fill('test');
@@ -66,27 +68,30 @@ test.describe('Portable Smoke Tests', () => {
 
   test('responsive layout works', async ({ page }) => {
     await page.goto('/');
-    
+
     // Test mobile viewport
     await page.setViewportSize({ width: 375, height: 667 });
-    
+
     // Should not have horizontal scroll
     const hasHorizontalScroll = await page.evaluate(() => {
-      return document.documentElement.scrollWidth > document.documentElement.clientWidth;
+      return (
+        document.documentElement.scrollWidth >
+        document.documentElement.clientWidth
+      );
     });
-    
+
     expect(hasHorizontalScroll).toBeFalsy();
   });
 
   test('page has proper metadata', async ({ page }) => {
     await page.goto('/');
-    
+
     // Check for title
     const title = await page.title();
     expect(title).toBeTruthy();
-    
+
     // Check for language attribute
     const lang = await page.locator('html').getAttribute('lang');
     expect(lang).toBeTruthy();
   });
-});
+});