diff --git a/tests/anchor/xdesign.spec.ts b/tests/anchor/xdesign.spec.ts
new file mode 100644
index 0000000..157791d
--- /dev/null
+++ 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
new file mode 100644
index 0000000..13fbfc6
Binary files /dev/null and b/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png differ
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
new file mode 100644
index 0000000..f26f688
Binary files /dev/null and b/tests/anchor/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png differ