test: add anchor UI e2e test

opentiny · Sep 19, 2024 · f458d9a · f458d9a
1 parent eff32a3
commit f458d9a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/tests/anchor/xdesign.spec.ts b/tests/anchor/xdesign.spec.ts
@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('anchor 组件xdesign规范', () => {
+  test('默认--UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('anchor#basic-usage')
+    const demo = page.locator('#basic-usage .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('basic-usage.png')
+
+    // 点击时截图
+    await page.getByLabel('示例', { exact: true }).getByRole('link', { name: '基本用法' }).click()
+    await expect(demo).toHaveScreenshot('basic-usage-click.png')
+  })
+})
diff --git a/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png b/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png
diff --git a/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png b/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png