diff --git a/tests/wizard/xdesign.spec.ts b/tests/wizard/xdesign.spec.ts
new file mode 100644
index 0000000..f7b7886
--- /dev/null
+++ b/tests/wizard/xdesign.spec.ts
@@ -0,0 +1,35 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('wizard 组件xdesign规范', () => {
+  test('默认 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('wizard#basic-usage')
+    const demo = page.locator('#basic-usage .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('basic-usage.png')
+  })
+
+  test('页向导模式 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('wizard#page-guide')
+    const demo = page.locator('#page-guide .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('page-guide.png')
+  })
+
+  test('垂直模式 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('wizard#vertical')
+    const demo = page.locator('#vertical .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('vertical.png')
+  })
+
+  test('时间线 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('wizard#time-line-flow')
+    const demo = page.locator('#time-line-flow .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('time-line-flow.png')
+  })
+})
diff --git a/tests/wizard/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png b/tests/wizard/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png
new file mode 100644
index 0000000..879c2cf
Binary files /dev/null and b/tests/wizard/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png differ
diff --git a/tests/wizard/xdesign.spec.ts-snapshots/page-guide-chromium-win32.png b/tests/wizard/xdesign.spec.ts-snapshots/page-guide-chromium-win32.png
new file mode 100644
index 0000000..38d8a03
Binary files /dev/null and b/tests/wizard/xdesign.spec.ts-snapshots/page-guide-chromium-win32.png differ
diff --git a/tests/wizard/xdesign.spec.ts-snapshots/time-line-flow-chromium-win32.png b/tests/wizard/xdesign.spec.ts-snapshots/time-line-flow-chromium-win32.png
new file mode 100644
index 0000000..d5e0b26
Binary files /dev/null and b/tests/wizard/xdesign.spec.ts-snapshots/time-line-flow-chromium-win32.png differ
diff --git a/tests/wizard/xdesign.spec.ts-snapshots/vertical-chromium-win32.png b/tests/wizard/xdesign.spec.ts-snapshots/vertical-chromium-win32.png
new file mode 100644
index 0000000..30ee63e
Binary files /dev/null and b/tests/wizard/xdesign.spec.ts-snapshots/vertical-chromium-win32.png differ