fix(e2e): fix e2e test of qrcode (#3675)

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

* fix(e2e): fix e2e test

---------

Co-authored-by: chenxi <2465950588@qq.com>

Author: shenjunjian

examples/sites/demos/pc/app/locales/custom-service.spec.ts

@@ -8,7 +8,7 @@ test('locales-custom-service', async ({ page }) => {
   const reference = demo.locator('.reference-wrapper')
   const popper = page.locator('.tiny-locales__popper')
 
-  await expect(reference).toHaveText('zh_CN')
+  await expect(reference).toHaveText('中文')
   await expect(popper).toBeHidden()
   await reference.hover()
   await page.waitForTimeout(200)

examples/sites/demos/pc/app/qr-code/style.spec.ts

@@ -4,7 +4,9 @@ test('自定义样式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('qr-code#style')
 
-  const canvas = page.locator('.tiny-qr-code canvas')
+  const demo = page.locator('#style')
+  const wrapper = demo.locator('.tiny-qr-code')
+  const canvas = demo.locator('.tiny-qr-code canvas')
   await expect(canvas).toBeVisible()
 
   const backgroundColor0 = await canvas.evaluate(
@@ -18,23 +20,7 @@ test('自定义样式', async ({ page }) => {
   )
 
   expect(backgroundColor0 === '#1677ff').toBeTruthy()
-  await page.locator('.tiny-color-picker__inner').click()
-  await page.locator('.black').click()
-  await page.locator('.tiny-color-select-panel__inner__hue-select').click()
-  await page.getByRole('button', { name: '选择' }).click()
-  const backgroundColor1 = await page.locator('.tiny-color-picker__inner').evaluate((el) => {
-    return window.getComputedStyle(el).backgroundColor
-  })
 
-  const backgroundColor2 = await canvas.evaluate(
-    (el: any, { x, y }) => {
-      const ctx = el.getContext('2d')
-      const pixel = ctx.getImageData(x, y, 1, 1).data
-
-      return `rgb(${pixel[0]}, ${pixel[1]}, ${pixel[2]})`
-    },
-    { x: 1, y: 1 }
-  )
-
-  expect(backgroundColor1 === backgroundColor2).toBeTruthy()
+  const box = await wrapper.boundingBox()
+  expect(box?.width).toEqual(250)
 })