test(ci): add exporter heading levels and a11y typography smoke; update MAIN_PLAN

2025-11-14 16:40:45 +09:00
parent aaa624a046
commit a9bbc357e7
92 changed files with 8370 additions and 13 deletions
@@ -0,0 +1,25 @@
+import { test, expect } from '@playwright/test'
+
+const builderUrl = '/en/builder'
+
+test('Preview viewport toggle via keyboard (Tab + Enter/Space)', async ({ page }) => {
+  await page.goto(builderUrl)
+
+  // Tab to first button (Desktop)
+  await page.keyboard.press('Tab')
+  await expect(page.getByRole('button', { name: 'Desktop' })).toBeFocused()
+
+  // Press Space to toggle Mobile (first ensure Desktop is selected, then move to Mobile with Tab)
+  await page.keyboard.press('Tab')
+  await expect(page.getByRole('button', { name: 'Mobile' })).toBeFocused()
+  await page.keyboard.press('Space')
+  await expect(page.getByRole('button', { name: 'Mobile' })).toHaveAttribute('aria-pressed', 'true')
+
+  // Back to Desktop with Shift+Tab and Enter
+  await page.keyboard.down('Shift')
+  await page.keyboard.press('Tab')
+  await page.keyboard.up('Shift')
+  await expect(page.getByRole('button', { name: 'Desktop' })).toBeFocused()
+  await page.keyboard.press('Enter')
+  await expect(page.getByRole('button', { name: 'Desktop' })).toHaveAttribute('aria-pressed', 'true')
+})