test(dropdown): [action-menu,dropdown] synchronize modification of test cases

Author: MomoPoppy

examples/sites/demos/pc/app/action-menu/popper-class.spec.ts

@@ -13,5 +13,5 @@ test('弹框样式', async ({ page }) => {
   await visibleItem.last().hover()
   await page.waitForTimeout(200)
   await expect(dropDownMenu).toHaveClass(/custom-action-menu/)
-  await expect(dropDownMenu).toHaveCSS('background-color', 'rgb(250, 235, 215)')
+  await expect(dropDownMenu).toHaveCSS('background-color', 'rgb(255, 255, 255)')
 })

examples/sites/demos/pc/app/dropdown/split-button.spec.ts

@@ -1,26 +1,27 @@
 import { test, expect } from '@playwright/test'
 
+// 不展示此示例。按钮类型推荐使用 border
 test('按钮类型', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('dropdown#split-button')
+  // await page.goto('dropdown#split-button')
 
-  const wrap = page.locator('#split-button')
-  const dropDown = wrap.locator('.tiny-dropdown').nth(1)
-  const dropDownMenu = page.locator('body > .tiny-dropdown-menu')
-  const textBtn = dropDown.locator('button').first()
-  const dropDownBtn = dropDown.locator('button').nth(1)
+  // const wrap = page.locator('#split-button')
+  // const dropDown = wrap.locator('.tiny-dropdown').nth(1)
+  // const dropDownMenu = page.locator('body > .tiny-dropdown-menu')
+  // const textBtn = dropDown.locator('button').first()
+  // const dropDownBtn = dropDown.locator('button').nth(1)
 
   // 是否变成了按钮且按钮样式是否生效
-  await expect(dropDown.locator('button')).toHaveCount(2)
-  await expect(textBtn).toHaveCSS('background-color', 'rgb(92, 179, 0)')
-  await expect(textBtn).toHaveCSS('color', 'rgb(255, 255, 255)')
-  await expect(dropDownBtn).toHaveCSS('background-color', 'rgb(92, 179, 0)')
-  await expect(dropDownBtn).toHaveCSS('color', 'rgb(255, 255, 255)')
+  // await expect(dropDown.locator('button')).toHaveCount(2)
+  // await expect(textBtn).toHaveCSS('background-color', 'rgb(92, 179, 0)')
+  // await expect(textBtn).toHaveCSS('color', 'rgb(255, 255, 255)')
+  // await expect(dropDownBtn).toHaveCSS('background-color', 'rgb(92, 179, 0)')
+  // await expect(dropDownBtn).toHaveCSS('color', 'rgb(255, 255, 255)')
 
-  // 文字悬浮不出现下拉菜单
-  await page.waitForTimeout(500)
-  await textBtn.hover()
-  await expect(dropDownMenu).not.toBeVisible()
-  await dropDownBtn.hover()
-  await expect(dropDownMenu).toBeVisible()
+  // // 文字悬浮不出现下拉菜单
+  // await page.waitForTimeout(500)
+  // await textBtn.hover()
+  // await expect(dropDownMenu).not.toBeVisible()
+  // await dropDownBtn.hover()
+  // await expect(dropDownMenu).toBeVisible()
 })