test(e2e): update numeric UI e2e test

opentiny · Sep 28, 2024 · cd8bd30 · cd8bd30
1 parent e81d2d2
commit cd8bd30
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 6 deletions.
diff --git a/tests/numeric/xdesign.spec.ts b/tests/numeric/xdesign.spec.ts
@@ -4,12 +4,13 @@ test.describe('numeric数字输入框xdesign规范', () => {
   test('基本用法--UI截图', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('numeric#basic-usage')
-    const demo = page.locator('#basic-usage')
-    const num = page.locator('.tiny-numeric')
-    const increaseBtn = demo.locator('.tiny-numeric__increase')
-    await increaseBtn.click()
-    await expect(num).toBeInViewport()
-    await expect(num).toHaveScreenshot('basic-usage.png')
+    const demo = page.locator('#basic-usage .pc-demo')
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('basic-usage.png')
+
+    await demo.locator('.tiny-numeric__increase').hover()
+    await expect(demo).toBeInViewport()
+    await expect(demo).toHaveScreenshot('hover.png')
   })
   test('禁用--UI截图', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())

diff --git a/tests/numeric/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png b/tests/numeric/xdesign.spec.ts-snapshots/basic-usage-chromium-win32.png
diff --git a/tests/numeric/xdesign.spec.ts-snapshots/dynamic-disabled-chromium-win32.png b/tests/numeric/xdesign.spec.ts-snapshots/dynamic-disabled-chromium-win32.png
diff --git a/tests/numeric/xdesign.spec.ts-snapshots/hover-chromium-win32.png b/tests/numeric/xdesign.spec.ts-snapshots/hover-chromium-win32.png
diff --git a/tests/numeric/xdesign.spec.ts-snapshots/numeric-size-chromium-win32.png b/tests/numeric/xdesign.spec.ts-snapshots/numeric-size-chromium-win32.png
diff --git a/tests/numeric/xdesign.spec.ts-snapshots/unit-chromium-win32.png b/tests/numeric/xdesign.spec.ts-snapshots/unit-chromium-win32.png