fix(loading): 修复e2e报错问题 (#3674)

Author: chenxi-20

examples/sites/demos/pc/app/loading/background.spec.ts

@@ -3,6 +3,8 @@ import { test, expect } from '@playwright/test'
 test('自定义遮罩背景色', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('loading#background')
-  const loadingBg = page.locator('.tiny-loading__mask')
+
+  const demo = page.locator('#background')
+  const loadingBg = demo.locator('.tiny-loading__mask')
   await expect(loadingBg).toHaveCSS('background-color', 'rgba(0, 0, 0, 0.2)')
 })

examples/sites/demos/pc/app/loading/custom-class.spec.ts

@@ -3,8 +3,10 @@ import { test, expect } from '@playwright/test'
 test('自定义样式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('loading#custom-class')
-  const loadingBg = page.locator('.tiny-loading__mask')
-  const loadingText = page.locator('.new-loading')
+
+  const demo = page.locator('#custom-class')
+  const loadingBg = demo.locator('.tiny-loading__mask')
+  const loadingText = demo.locator('.new-loading')
   await expect(loadingBg).toHaveCSS('background-color', 'rgb(89, 89, 89)')
   await expect(loadingText).toBeVisible()
 })

examples/sites/demos/pc/app/loading/fullscreen.spec.ts

@@ -3,11 +3,13 @@ import { test, expect } from '@playwright/test'
 test('全局加载', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('loading#fullscreen')
-  await page.getByRole('button', { name: '指令方式加载全屏 Loading' }).click()
-  const vLoading = page.locator('.circular')
+
+  const demo = page.locator('#fullscreen')
+  await demo.getByRole('button', { name: '指令方式加载全屏 Loading' }).click()
+  const vLoading = page.locator('.tiny-loading.tiny-loading__mask.is-fullscreen')
   await expect(vLoading).toBeVisible()
 
-  await page.getByRole('button', { name: '静态方法加载全屏 Loading' }).click()
-  const sLoading = page.getByText('正在提交...', { exact: true })
+  await demo.getByRole('button', { name: '静态方法加载全屏 Loading' }).click()
+  const sLoading = vLoading.getByText('正在提交...', { exact: true })
   await expect(sLoading).toBeVisible()
 })

examples/sites/demos/pc/app/loading/loading-tip-text.spec.ts

@@ -3,6 +3,8 @@ import { test, expect } from '@playwright/test'
 test('自定义加载提示文本', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('loading#loading-tip-text')
-  const loadingText = page.locator('.tiny-loading__text')
+
+  const demo = page.locator('#loading-tip-text')
+  const loadingText = demo.locator('.tiny-loading__text')
   await expect(loadingText).toContainText('加载中')
 })

examples/sites/demos/pc/app/loading/size.spec.ts

@@ -3,9 +3,11 @@ import { test, expect } from '@playwright/test'
 test('尺寸', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('loading#size')
-  const smallLoading = page.locator('.tiny-loading__spinner-small')
-  const mediumLoading = page.locator('.tiny-loading__spinner-medium')
-  const largeLoading = page.locator('.tiny-loading__spinner-large')
+
+  const demo = page.locator('#size')
+  const smallLoading = demo.locator('.tiny-loading__spinner-small')
+  const mediumLoading = demo.locator('.tiny-loading__spinner-medium')
+  const largeLoading = demo.locator('.tiny-loading__spinner-large')
   await expect(smallLoading).toBeVisible()
   await expect(mediumLoading).toBeVisible()
   await expect(largeLoading).toBeVisible()