test: add time-line UI e2e test (#47)

* test: add time-line UI e2e test * test: 改名
opentiny · Sep 20, 2024 · 83cac4d · 83cac4d
1 parent 97633a5
commit 83cac4d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/tests/time-line/xdesign.spec.ts b/tests/time-line/xdesign.spec.ts
@@ -0,0 +1,19 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('timeline 组件xdesign规范', () => {
+  test('节点状态 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('time-line#status')
+    const demo = page.locator('#status .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('status.png')
+  })
+
+  test('圆点外观 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('time-line#shape')
+    const demo = page.locator('#shape .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('shape.png')
+  })
+})
diff --git a/tests/time-line/xdesign.spec.ts-snapshots/shape-chromium-win32.png b/tests/time-line/xdesign.spec.ts-snapshots/shape-chromium-win32.png
diff --git a/tests/time-line/xdesign.spec.ts-snapshots/status-chromium-win32.png b/tests/time-line/xdesign.spec.ts-snapshots/status-chromium-win32.png