fix(e2e): [tag-group,skeleton] fix e2e (#3000)

Author: wuyiping0628

examples/sites/demos/pc/app/skeleton/animation.spec.ts

@@ -3,6 +3,7 @@ import { expect, test } from '@playwright/test'
 test('动画效果', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('skeleton#animation')
+  const demo = page.locator('#animation')
 
   const square = page.locator('.tiny-skeleton-item--square')
   const image = page.locator('.tiny-skeleton-item--image')
@@ -11,7 +12,7 @@ test('动画效果', async ({ page }) => {
   await expect(square).toHaveClass(/tiny-skeleton-item--active/)
   await expect(image).toHaveClass(/tiny-skeleton-item--active/)
 
-  const button = page.locator('.tiny-button')
+  const button = demo.locator('.tiny-button')
   await button.click()
   await page.waitForTimeout(500)
   await expect(square).toHaveClass(/tiny-skeleton-item/)

examples/sites/demos/pc/app/skeleton/loading-completed.spec.ts

@@ -3,9 +3,10 @@ import { expect, test } from '@playwright/test'
 test('加载完成', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('skeleton#loading-completed')
+  const demo = page.locator('#loading-completed')
 
   const square = page.locator('.tiny-skeleton-item--square')
-  const button = page.locator('.tiny-button')
+  const button = demo.locator('.tiny-button')
 
   await button.click()
   await page.waitForTimeout(500)

examples/sites/demos/pc/app/tag-group/tag-group-effect.spec.js

@@ -50,22 +50,22 @@ test('TagGroup 主题', async ({ page }) => {
 
   // plain
   const plainTag1 = tagGroupsLocator.locator('.tiny-tag.tiny-tag--plain').filter({ hasText: '标签一' })
-  await expect(plainTag1).toHaveCSS('background-color', 'rgb(255, 255, 255)')
+  await expect(plainTag1).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')
   await expect(plainTag1).toHaveCSS('color', 'rgb(25, 25, 25)')
 
   const plainTag2 = tagGroupsLocator.locator('.tiny-tag.tiny-tag--plain').filter({ hasText: '标签二' })
-  await expect(plainTag2).toHaveCSS('background-color', 'rgb(255, 255, 255)')
+  await expect(plainTag2).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')
   await expect(plainTag2).toHaveCSS('color', 'rgb(20, 118, 255)')
 
   const plainTag3 = tagGroupsLocator.locator('.tiny-tag.tiny-tag--plain').filter({ hasText: '标签三' })
-  await expect(plainTag3).toHaveCSS('background-color', 'rgb(255, 255, 255)')
+  await expect(plainTag3).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')
   await expect(plainTag3).toHaveCSS('color', 'rgb(92, 179, 0)')
 
   const plainTag4 = tagGroupsLocator.locator('.tiny-tag.tiny-tag--plain').filter({ hasText: '标签四' })
-  await expect(plainTag4).toHaveCSS('background-color', 'rgb(255, 255, 255)')
+  await expect(plainTag4).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')
   await expect(plainTag4).toHaveCSS('color', 'rgb(255, 136, 0)')
 
   const plainTag5 = tagGroupsLocator.locator('.tiny-tag.tiny-tag--plain').filter({ hasText: '标签五' })
-  await expect(plainTag5).toHaveCSS('background-color', 'rgb(255, 255, 255)')
+  await expect(plainTag5).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)')
   await expect(plainTag5).toHaveCSS('color', 'rgb(242, 48, 48)')
 })