diff --git a/tests/action-menu/basic-usage.spec.ts b/tests/action-menu/basic-usage.spec.ts
new file mode 100644
index 0000000..5caedac
--- /dev/null
+++ b/tests/action-menu/basic-usage.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('默认--UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#basic-usage')
+
+    const demo = page.locator('#basic-usage .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('basic-usage.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner ').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(0).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/basic-usage.spec.ts-snapshots/basic-usage-chromium-win32.png b/tests/action-menu/basic-usage.spec.ts-snapshots/basic-usage-chromium-win32.png
new file mode 100644
index 0000000..89e5ec7
Binary files /dev/null and b/tests/action-menu/basic-usage.spec.ts-snapshots/basic-usage-chromium-win32.png differ
diff --git a/tests/action-menu/basic-usage.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/basic-usage.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..8575533
Binary files /dev/null and b/tests/action-menu/basic-usage.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/card-mode.spec.ts b/tests/action-menu/card-mode.spec.ts
new file mode 100644
index 0000000..fbeefda
--- /dev/null
+++ b/tests/action-menu/card-mode.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('卡片模式 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#card-mode')
+
+    const demo = page.locator('#card-mode .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(1).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/card-mode.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/card-mode.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..506a0ae
Binary files /dev/null and b/tests/action-menu/card-mode.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/card-mode.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/card-mode.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..4a8122e
Binary files /dev/null and b/tests/action-menu/card-mode.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/disabled.spec.ts b/tests/action-menu/disabled.spec.ts
new file mode 100644
index 0000000..309cf8b
--- /dev/null
+++ b/tests/action-menu/disabled.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('禁用 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#disabled')
+
+    const demo = page.locator('#disabled .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner ').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/disabled.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/disabled.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..c3890ac
Binary files /dev/null and b/tests/action-menu/disabled.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/disabled.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/disabled.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..8974b1e
Binary files /dev/null and b/tests/action-menu/disabled.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/events.spec.ts b/tests/action-menu/events.spec.ts
new file mode 100644
index 0000000..07d834d
--- /dev/null
+++ b/tests/action-menu/events.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('事件 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#events')
+
+    const demo = page.locator('#events .pc-demo')
+    const body = page.locator('body')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').click()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(0).click()
+    await page.waitForTimeout(100)
+
+    await expect(body).toBeInViewport()
+    await expect(body).toHaveScreenshot('events.png')
+  })
+})
diff --git a/tests/action-menu/events.spec.ts-snapshots/events-chromium-win32.png b/tests/action-menu/events.spec.ts-snapshots/events-chromium-win32.png
new file mode 100644
index 0000000..9e76dda
Binary files /dev/null and b/tests/action-menu/events.spec.ts-snapshots/events-chromium-win32.png differ
diff --git a/tests/action-menu/icon.spec.ts b/tests/action-menu/icon.spec.ts
new file mode 100644
index 0000000..cb4cbee
--- /dev/null
+++ b/tests/action-menu/icon.spec.ts
@@ -0,0 +1,63 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('自定义图标 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#icon')
+
+    const demo = page.locator('#icon .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(1).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+
+  test('自定义图标(蓝色) --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#icon')
+
+    const demo = page.locator('#icon .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(1).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(1).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('icon-hover.png')
+  })
+
+  test('只显示文字 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#icon')
+
+    const demo = page.locator('#icon .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(2).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await dropdown.locator('.tiny-dropdown__trigger').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(1).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('text.png')
+  })
+})
diff --git a/tests/action-menu/icon.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/icon.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..fb153a3
Binary files /dev/null and b/tests/action-menu/icon.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/icon.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/icon.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..e8e6ef9
Binary files /dev/null and b/tests/action-menu/icon.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/icon.spec.ts-snapshots/icon-hover-chromium-win32.png b/tests/action-menu/icon.spec.ts-snapshots/icon-hover-chromium-win32.png
new file mode 100644
index 0000000..4f982c7
Binary files /dev/null and b/tests/action-menu/icon.spec.ts-snapshots/icon-hover-chromium-win32.png differ
diff --git a/tests/action-menu/icon.spec.ts-snapshots/text-chromium-win32.png b/tests/action-menu/icon.spec.ts-snapshots/text-chromium-win32.png
new file mode 100644
index 0000000..2588915
Binary files /dev/null and b/tests/action-menu/icon.spec.ts-snapshots/text-chromium-win32.png differ
diff --git a/tests/action-menu/max-show-num.spec.ts b/tests/action-menu/max-show-num.spec.ts
new file mode 100644
index 0000000..27c1dd4
--- /dev/null
+++ b/tests/action-menu/max-show-num.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('个数限制 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#max-show-num')
+
+    const demo = page.locator('#max-show-num .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(3).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(0).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/max-show-num.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/max-show-num.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..6143f7d
Binary files /dev/null and b/tests/action-menu/max-show-num.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/max-show-num.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/max-show-num.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..f03cd87
Binary files /dev/null and b/tests/action-menu/max-show-num.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/more-text.spec.ts b/tests/action-menu/more-text.spec.ts
new file mode 100644
index 0000000..2825e7e
--- /dev/null
+++ b/tests/action-menu/more-text.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('自定义下拉文本 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#more-text')
+
+    const demo = page.locator('#more-text .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/more-text.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/more-text.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..a01e13c
Binary files /dev/null and b/tests/action-menu/more-text.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/more-text.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/more-text.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..acc1125
Binary files /dev/null and b/tests/action-menu/more-text.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/popper-class.spec.ts b/tests/action-menu/popper-class.spec.ts
new file mode 100644
index 0000000..ee0fd99
--- /dev/null
+++ b/tests/action-menu/popper-class.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('弹框样式 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#popper-class')
+
+    const demo = page.locator('#popper-class .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(0).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/popper-class.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/popper-class.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..89e5ec7
Binary files /dev/null and b/tests/action-menu/popper-class.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/popper-class.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/popper-class.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..d7aeeaf
Binary files /dev/null and b/tests/action-menu/popper-class.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/slot-item.spec.ts b/tests/action-menu/slot-item.spec.ts
new file mode 100644
index 0000000..324df94
--- /dev/null
+++ b/tests/action-menu/slot-item.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('item插槽 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#slot-item')
+
+    const demo = page.locator('#slot-item .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(0).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/slot-item.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/slot-item.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..fa86671
Binary files /dev/null and b/tests/action-menu/slot-item.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/slot-item.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/slot-item.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..06bfe8c
Binary files /dev/null and b/tests/action-menu/slot-item.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/spacing.spec.ts b/tests/action-menu/spacing.spec.ts
new file mode 100644
index 0000000..1e7e964
--- /dev/null
+++ b/tests/action-menu/spacing.spec.ts
@@ -0,0 +1,44 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('默认间距 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#spacing')
+
+    const demo = page.locator('#spacing .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(0).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+
+  test('自定义间距 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#spacing')
+
+    const demo = page.locator('#spacing .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.nth(1).locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await dropdown.nth(0).locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(1000)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('spacing-hover.png')
+  })
+})
diff --git a/tests/action-menu/spacing.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/spacing.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..8ef3be1
Binary files /dev/null and b/tests/action-menu/spacing.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/spacing.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/spacing.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..44ea03e
Binary files /dev/null and b/tests/action-menu/spacing.spec.ts-snapshots/hover-chromium-win32.png differ
diff --git a/tests/action-menu/spacing.spec.ts-snapshots/spacing-hover-chromium-win32.png b/tests/action-menu/spacing.spec.ts-snapshots/spacing-hover-chromium-win32.png
new file mode 100644
index 0000000..1b19e27
Binary files /dev/null and b/tests/action-menu/spacing.spec.ts-snapshots/spacing-hover-chromium-win32.png differ
diff --git a/tests/action-menu/text-field.spec.ts b/tests/action-menu/text-field.spec.ts
new file mode 100644
index 0000000..af53b68
--- /dev/null
+++ b/tests/action-menu/text-field.spec.ts
@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+test.describe('action-menu 组件xdesign规范', () => {
+  test('字段映射 --UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('action-menu#text-field')
+
+    const demo = page.locator('#text-field .pc-demo')
+    const actionMenu = demo.locator('.tiny-action-menu')
+    const dropdown = actionMenu.locator('.tiny-dropdown')
+    const wrap = page.locator('.docs-tabs-wrap')
+    const menu = page.locator('body > .tiny-dropdown-menu').nth(0)
+
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('default.png')
+
+    await dropdown.locator('.tiny-dropdown__suffix-inner').hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-item').nth(2).hover()
+    await page.waitForTimeout(100)
+    await menu.locator('.tiny-dropdown-menu .tiny-dropdown-item').nth(1).hover()
+
+    await expect(wrap).toHaveScreenshot('hover.png')
+  })
+})
diff --git a/tests/action-menu/text-field.spec.ts-snapshots/default-chromium-win32.png b/tests/action-menu/text-field.spec.ts-snapshots/default-chromium-win32.png
new file mode 100644
index 0000000..89e5ec7
Binary files /dev/null and b/tests/action-menu/text-field.spec.ts-snapshots/default-chromium-win32.png differ
diff --git a/tests/action-menu/text-field.spec.ts-snapshots/hover-chromium-win32.png b/tests/action-menu/text-field.spec.ts-snapshots/hover-chromium-win32.png
new file mode 100644
index 0000000..faac44c
Binary files /dev/null and b/tests/action-menu/text-field.spec.ts-snapshots/hover-chromium-win32.png differ