From 1343f24a43205e6ade13b51bf2956fe2215f2041 Mon Sep 17 00:00:00 2001
From: You-Hw-Y <1664677472@qq.com>
Date: Thu, 29 Feb 2024 19:11:38 -0800
Subject: [PATCH] fix(test): [date-picker] update e2e test

---
 .../demos/pc/app/date-picker/align.spec.ts    | 31 ++++++++++---------
 .../demos/pc/app/date-picker/clear.spec.ts    |  2 +-
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/examples/sites/demos/pc/app/date-picker/align.spec.ts b/examples/sites/demos/pc/app/date-picker/align.spec.ts
index acad35712b..2f9dd008a4 100644
--- a/examples/sites/demos/pc/app/date-picker/align.spec.ts
+++ b/examples/sites/demos/pc/app/date-picker/align.spec.ts
@@ -6,28 +6,31 @@ test('[DatePicker] 测试对齐方式', async ({ page }) => {
 
   // 左对齐
   const leftDateInputDom = page.getByRole('textbox').nth(1)
-  const leftDatePanelDom = page.locator('body > div:nth-child(8)')
+  const leftDatePanelDom = page.locator('.tiny-picker-panel').nth(2)
+  const leftClosePanel = page.getByText('左对齐：')
 
-  const { x: leftDateInputX } = await leftDateInputDom.boundingBox()
   await leftDateInputDom.click()
-  const { x: leftDatePanelX } = await leftDatePanelDom.boundingBox()
-  expect(leftDateInputX - leftDatePanelX).toBeCloseTo(0)
+  await page.waitForTimeout(200)
+  await expect(leftDatePanelDom).toHaveAttribute('x-placement', /bottom-satrt|top-start/)
+  await leftClosePanel.click()
 
   // 居中对齐
   const centerDateInputDom = page.getByRole('textbox').nth(2)
-  const centerDatePanelDom = page.locator('body > div:nth-child(9)')
-  const { x: centerDateInputX, width: centerDateInputWidth } = await centerDateInputDom.boundingBox()
+  const centerDatePanelDom = page.locator('.tiny-picker-panel').nth(2)
+  const centerClosePanel = page.getByText('居中对齐：')
+
   await centerDateInputDom.click()
-  const { x: centerDatePanelX, width: centerDatePanelWidth } = await centerDatePanelDom.boundingBox()
-  expect(
-    centerDateInputX + Math.round(centerDateInputWidth / 2) - centerDatePanelX - Math.round(centerDatePanelWidth / 2)
-  ).toBeCloseTo(0)
+  await page.waitForTimeout(200)
+  await expect(centerDatePanelDom).toHaveAttribute('x-placement', /bottom|top/)
+  await centerClosePanel.click()
 
   // 右对齐
   const rightDateInputDom = page.getByRole('textbox').nth(3)
-  const rightDatePanelDom = page.locator('body > div:nth-child(10)')
-  const { x: rightDateInputX, width: rightDateInputWidth } = await rightDateInputDom.boundingBox()
+  const rightDatePanelDom = page.locator('.tiny-picker-panel').nth(2)
+  const rightClosePanel = page.getByText('右对齐：')
+
   await rightDateInputDom.click()
-  const { x: rightDatePanelX, width: rightDatePanelWidth } = await rightDatePanelDom.boundingBox()
-  expect(rightDateInputX + rightDateInputWidth - rightDatePanelX - rightDatePanelWidth).toBeCloseTo(0)
+  await page.waitForTimeout(200)
+  await expect(rightDatePanelDom).toHaveAttribute('x-placement', /bottom-end|top-end/)
+  await rightClosePanel.click()
 })
diff --git a/examples/sites/demos/pc/app/date-picker/clear.spec.ts b/examples/sites/demos/pc/app/date-picker/clear.spec.ts
index 297dacfb55..8591a84fa4 100644
--- a/examples/sites/demos/pc/app/date-picker/clear.spec.ts
+++ b/examples/sites/demos/pc/app/date-picker/clear.spec.ts
@@ -31,6 +31,6 @@ test('[DatePicker] 测试清除输入', async ({ page }) => {
 
   // 测试清除功能
   await expect(datePickerCustomClearIcon).toHaveValue('2023-05-24')
-  await page.locator('.tiny-input__icon-container > svg > .st0').click()
+  await page.locator('.close_svg__st0').first().click()
   await expect(datePickerCustomClearIcon).toHaveValue('')
 })