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,22 @@
+import { test, expect } from '@playwright/test'
+
+const builderUrl = '/en/builder'
+
+test('Preview viewport toggle sets aria-pressed and container width', async ({ page }) => {
+  await page.goto(builderUrl)
+
+  const desktopBtn = page.getByRole('button', { name: 'Desktop' })
+  const mobileBtn = page.getByRole('button', { name: 'Mobile' })
+  const container = page.getByTestId('preview-container')
+
+  // default: desktop
+  await expect(desktopBtn).toHaveAttribute('aria-pressed', 'true')
+  await expect(mobileBtn).toHaveAttribute('aria-pressed', 'false')
+  await expect(container).toHaveClass(/w-\[768px\]/)
+
+  // switch to mobile
+  await mobileBtn.click()
+  await expect(desktopBtn).toHaveAttribute('aria-pressed', 'false')
+  await expect(mobileBtn).toHaveAttribute('aria-pressed', 'true')
+  await expect(container).toHaveClass(/w-\[375px\]/)
+})