diff --git a/tests/tabs/xdesign.spec.ts b/tests/tabs/xdesign.spec.ts
index 7a19a22..d67156b 100644
--- a/tests/tabs/xdesign.spec.ts
+++ b/tests/tabs/xdesign.spec.ts
@@ -52,6 +52,24 @@ test.describe('tabs 组件xdesign规范', () => {
     await expect(demo).toHaveScreenshot('tabs-separator-hover.png')
   })
 
+  test('各个位置--UI截图', async ({ page }) => {
+    page.on('pageerror', (exception) => expect(exception).toBeNull())
+    await page.goto('tabs#position')
+    const demo = page.locator('#position .pc-demo .tiny-tabs')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('left.png')
+
+    // bottom截图
+    await page.locator('label').filter({ hasText: 'bottom 显示' }).click()
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('bottom.png')
+
+    // right截图
+    await page.locator('label').filter({ hasText: 'right 显示' }).click()
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('right.png')
+  })
+
   test('多层级 --UI截图', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('tabs#tabs-second-layer')
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png
index 57c1086..370f578 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png
index a54491f..24c2134 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/basic-usage-click-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/bottom-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/bottom-chromium-win32.png
new file mode 100644
index 0000000..f1defab
Binary files /dev/null and b/tests/tabs/xdesign.spec.ts-snapshots/bottom-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/left-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/left-chromium-win32.png
new file mode 100644
index 0000000..def8a0b
Binary files /dev/null and b/tests/tabs/xdesign.spec.ts-snapshots/left-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-btn-hover-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-btn-hover-chromium-win32.png
index 183ad3d..f2f6c14 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-btn-hover-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-btn-hover-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-chromium-win32.png
index 28ca8fc..377fbcf 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-click-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-click-chromium-win32.png
index d10e240..4c582f3 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-click-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/more-show-all-click-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/right-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/right-chromium-win32.png
new file mode 100644
index 0000000..025bf0d
Binary files /dev/null and b/tests/tabs/xdesign.spec.ts-snapshots/right-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/size-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/size-chromium-win32.png
index 4dc6492..3dcf1b4 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/size-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/size-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-0-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-0-chromium-win32.png
index 4dc6492..8afaa5c 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-0-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-0-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-1-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-1-chromium-win32.png
index 4dc6492..b1895f2 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-1-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-1-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-2-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-2-chromium-win32.png
index 4dc6492..5a6e6e0 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/size-hover-2-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/size-hover-2-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-chromium-win32.png
index 34a0195..7eec0a1 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-currency-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-currency-chromium-win32.png
index ff0ae56..4476196 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-currency-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-currency-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-hover-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-hover-chromium-win32.png
index b2ec8a2..bef49fb 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-hover-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-hover-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-selected-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-selected-chromium-win32.png
index b2ec8a2..bef49fb 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-selected-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-second-layer-selected-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-chromium-win32.png
index 06bace3..fb12e84 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-chromium-win32.png differ
diff --git a/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-hover-chromium-win32.png b/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-hover-chromium-win32.png
index 06bace3..3214748 100644
Binary files a/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-hover-chromium-win32.png and b/tests/tabs/xdesign.spec.ts-snapshots/tabs-separator-hover-chromium-win32.png differ