fix(a11y-testing-spike): updates to align with barebones

Author: cdransf

.gitignore

@@ -138,8 +138,8 @@ chromatic-diagnostics*.json
 chromatic.config.json
 
 # Playwright test reports (generated)
-first-gen/test/playwright-a11y/report/
-second-gen/test/playwright-a11y/report/
+1st-gen/test/playwright-a11y/report/
+2nd-gen/test/playwright-a11y/report/
 
 # Playwright test results (generated)
 playwright-report/

1st-gen/playwright.a11y.config.ts

@@ -41,7 +41,7 @@ const config: PlaywrightTestConfig = {
         },
         {
             name: '2nd-gen',
-            testDir: '../second-gen/',
+            testDir: '../2nd-gen/',
             testMatch: '**/packages/swc/components/*/test/**/*.a11y.spec.ts',
             use: {
                 ...devices['Desktop Chrome'],
@@ -58,7 +58,7 @@ const config: PlaywrightTestConfig = {
             timeout: 120 * 1000,
         },
         {
-            command: 'cd ../second-gen/packages/swc && yarn storybook',
+            command: 'cd ../2nd-gen/packages/swc && yarn storybook',
             port: 6006,
             reuseExistingServer: !process.env.CI,
             timeout: 120 * 1000,

1st-gen/playwright.config.ts

@@ -13,7 +13,7 @@
 import AxeBuilder from '@axe-core/playwright';
 import { expect, test } from '@playwright/test';
 
-import { gotoStory } from '../../../../../../first-gen/test/a11y-helpers.js';
+import { gotoStory } from '../../../../../../1st-gen/test/a11y-helpers.js';
 
 /**
  * Accessibility tests for Badge component (2nd Generation)

2nd-gen/packages/swc/components/badge/test/badge.a11y.spec.ts

@@ -13,7 +13,7 @@
 import AxeBuilder from '@axe-core/playwright';
 import { expect, test } from '@playwright/test';
 
-import { gotoStory } from '../../../../../../first-gen/test/a11y-helpers.js';
+import { gotoStory } from '../../../../../../1st-gen/test/a11y-helpers.js';
 
 /**
  * Accessibility tests for Status Light component (2nd Generation)

2nd-gen/packages/swc/components/status-light/test/status-light.a11y.spec.ts

@@ -50,7 +50,7 @@ Automatically checks ~50+ WCAG 2.0/2.1 Level A/AA rules:
 Create `<component>.a11y.spec.ts` in your component's `test/` directory:
 
 ```typescript
-// first-gen/packages/badge/test/badge.a11y.spec.ts
+// 1st-gen/packages/badge/test/badge.a11y.spec.ts
 
 import { expect, test } from '@playwright/test';
 import AxeBuilder from '@axe-core/playwright';
@@ -87,11 +87,11 @@ test.describe('Badge - aXe Validation', () => {
 Same pattern, different details:
 
 ```typescript
-// second-gen/packages/swc/components/badge/test/badge.a11y.spec.ts
+// 2nd-gen/packages/swc/components/badge/test/badge.a11y.spec.ts
 
 import { expect, test } from '@playwright/test';
 import AxeBuilder from '@axe-core/playwright';
-import { gotoStory } from '../../../../../../first-gen/test/a11y-helpers.js';
+import { gotoStory } from '../../../../../../1st-gen/test/a11y-helpers.js';
 
 test.describe('Badge - ARIA Snapshots', () => {
     test('should have correct accessibility tree', async ({ page }) => {
@@ -125,7 +125,7 @@ test.describe('Badge - aXe Validation', () => {
 
 ## Test helper reference
 
-Shared helpers live in `first-gen/test/a11y-helpers.ts` and work for both generations.
+Shared helpers live in `1st-gen/test/a11y-helpers.ts` and work for both generations.
 
 ### `gotoStory(page, storyId, elementSelector)`
 
@@ -206,10 +206,10 @@ yarn test:a11y:2nd          # Only 2nd generation
 yarn test:a11y:ui           # Interactive UI mode
 ```
 
-### From first-gen directory
+### From 1st-gen directory
 
 ```zsh
-cd first-gen
+cd 1st-gen
 
 yarn test:a11y                           # All tests
 yarn test:a11y badge                     # Specific component
@@ -326,7 +326,7 @@ Received: [
 
 ### Playwright config
 
-`first-gen/playwright.a11y.config.ts` defines two projects:
+`1st-gen/playwright.a11y.config.ts` defines two projects:
 
 ```typescript
 projects: [
@@ -357,7 +357,7 @@ webServer: [
         reuseExistingServer: !process.env.CI,
     },
     {
-        command: 'cd ../second-gen/packages/swc && yarn storybook',
+        command: 'cd ../2nd-gen/packages/swc && yarn storybook',
         port: 6006,
         reuseExistingServer: !process.env.CI,
     },
@@ -369,7 +369,7 @@ webServer: [
 ```
 spectrum-web-components/
 ├── ACCESSIBILITY_TESTING.md              # This guide
-├── first-gen/
+├── 1st-gen/
 │   ├── playwright.a11y.config.ts         # Playwright config (both gens)
 │   ├── package.json                      # Test scripts
 │   ├── test/
@@ -381,7 +381,7 @@ spectrum-web-components/
 │       └── status-light/test/
 │           ├── status-light.a11y.spec.ts
 │           └── status-light.a11y.spec.ts-snapshots/
-└── second-gen/packages/swc/components/
+└── 2nd-gen/packages/swc/components/
     ├── badge/test/
     │   ├── badge.a11y.spec.ts
     │   └── badge.a11y.spec.ts-snapshots/

ACCESSIBILITY_TESTING.md

@@ -15,31 +15,31 @@
     },
     "type": "module",
     "scripts": {
-        "build": "yarn build:first-gen && yarn build:second-gen",
-        "build:first-gen": "yarn workspace @adobe/spectrum-web-components build",
-        "build:second-gen": "yarn workspace @adobe/swc build",
-        "lint": "yarn lint:first-gen && yarn lint:second-gen",
-        "lint:first-gen": "yarn workspace @adobe/spectrum-web-components lint",
-        "lint:second-gen": "yarn workspace @adobe/swc lint",
+        "build": "yarn build:1st-gen && yarn build:2nd-gen",
+        "build:1st-gen": "yarn workspace @spectrum-web-components/1st-gen build",
+        "build:2nd-gen": "yarn workspace @adobe/swc build",
+        "lint": "yarn lint:1st-gen && yarn lint:2nd-gen",
+        "lint:1st-gen": "yarn workspace @spectrum-web-components/1st-gen lint",
+        "lint:2nd-gen": "yarn workspace @adobe/swc lint",
         "postinstall": "husky || true && patch-package",
-        "start": "yarn start:first-gen & yarn start:second-gen",
-        "start:first-gen": "yarn workspace @adobe/spectrum-web-components start",
-        "start:second-gen": "yarn workspace @adobe/swc start",
-        "test": "yarn test:first-gen & yarn test:second-gen",
-        "test:first-gen": "yarn workspace @adobe/spectrum-web-components test",
-        "test:second-gen": "yarn workspace @adobe/swc test",
-        "test:a11y": "yarn workspace @adobe/spectrum-web-components test:a11y",
-        "test:a11y:ui": "yarn workspace @adobe/spectrum-web-components test:a11y:ui",
-        "test:a11y:1st": "yarn workspace @adobe/spectrum-web-components test:a11y:1st",
-        "test:a11y:2nd": "yarn workspace @adobe/spectrum-web-components test:a11y:2nd"
+        "start": "yarn start:1st-gen & yarn start:2nd-gen",
+        "start:1st-gen": "yarn workspace @spectrum-web-components/1st-gen start",
+        "start:2nd-gen": "yarn workspace @adobe/swc start",
+        "test": "yarn test:1st-gen & yarn test:2nd-gen",
+        "test:1st-gen": "yarn workspace @spectrum-web-components/1st-gen test",
+        "test:2nd-gen": "yarn workspace @adobe/swc test",
+        "test:a11y": "yarn workspace @spectrum-web-components/1st-gen test:a11y",
+        "test:a11y:ui": "yarn workspace @spectrum-web-components/1st-gen test:a11y:ui",
+        "test:a11y:1st": "yarn workspace @spectrum-web-components/1st-gen test:a11y:1st",
+        "test:a11y:2nd": "yarn workspace @spectrum-web-components/1st-gen test:a11y:2nd"
     },
     "workspaces": [
-        "first-gen",
-        "first-gen/packages/*",
-        "first-gen/tools/*",
-        "first-gen/linters/*",
-        "second-gen",
-        "second-gen/packages/*"
+        "1st-gen",
+        "1st-gen/packages/*",
+        "1st-gen/tools/*",
+        "1st-gen/linters/*",
+        "2nd-gen",
+        "2nd-gen/packages/*"
     ],
     "resolutions": {
         "playwright": "1.53.1"