refactor: cypress directory common and utils test method

cypress/e2e/common/pageWhiteTest.cy.js

@@ -0,0 +1,32 @@
+import { visitH5Demo, visitTaroDemo } from '../utils/visit-demo.js'
+import data from '../../../src/config.json'
+
+const { nav } = data
+export const checkH5Blank = () => {
+  const componentArr = nav
+    .map((i) => i.packages)
+    .flat(Infinity)
+    .filter((i) => i.show)
+    .map((i) => i.name)
+
+  it('check h5 demos blank', () => {
+    componentArr.forEach((com) => {
+      visitH5Demo(com)
+    })
+  })
+}
+export const checkTaroBlank = () => {
+  it('check taro demos blank', () => {
+    nav.forEach((item) => {
+      const path = item.enName
+      item.packages
+        .filter((i) => i.show && i.taro && i.version === '3.0.0')
+        .forEach((i) => {
+          visitTaroDemo(path, i.name)
+        })
+    })
+  })
+}
+Cypress.on('uncaught:exception', (err, runnable) => {
+  return false
+})

cypress/e2e/h5/base.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('base components test', () => {
   it('Button', () => {

cypress/e2e/h5/bussiness.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('bussiness components test', () => {
   it('Barrage', () => {

cypress/e2e/h5/dentry.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('dentry components test', () => {
   it('Address', () => {

cypress/e2e/h5/exhibition.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('exhibition components test', () => {
   it('Animate', () => {

cypress/e2e/h5/feedback.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('feedback components test', () => {
   it('ActionSheet', () => {

cypress/e2e/h5/index.cy.js

@@ -1,7 +1,11 @@
-import './base.cy'
-import './layout.cy'
-import './nav.cy'
-import './dentry.cy'
-import './bussiness.cy'
-import './exhibition.cy'
-import './feedback.cy'
+import { checkH5Blank } from '../common/pageWhiteTest.cy'
+
+// import './base.cy'
+// import './layout.cy'
+// import './nav.cy'
+// import './dentry.cy'
+// import './bussiness.cy'
+// import './exhibition.cy'
+// import './feedback.cy'
+
+checkH5Blank() // 全部组件demo的白屏测试

cypress/e2e/h5/layout.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('layout components test', () => {
   it('Divider', () => {

cypress/e2e/h5/nav.cy.js

@@ -1,4 +1,4 @@
-import { visitH5Demo } from '../common/visit-demo'
+import { visitH5Demo } from '../utils/visit-demo'
 
 describe('nav components test', () => {
   it('BackTop', () => {

cypress/e2e/taro/index.cy.js

@@ -1,11 +1,3 @@
-import './base.cy'
-import './layout.cy'
-import './nav.cy'
-import './dentry.cy'
-import './bussiness.cy'
-import './exhibition.cy'
-import './feedback.cy'
+import { checkTaroBlank } from '../common/pageWhiteTest.cy'
 
-Cypress.on('uncaught:exception', (err, runnable) => {
-  return false
-})
+checkTaroBlank() // 全部组件demo的白屏测试

cypress/e2e/common/visit-demo.js → cypress/e2e/utils/visit-demo.js

@@ -1,4 +1,4 @@
-export const visitH5Demo = (componentName, delay = 800) => {
+export const visitH5Demo = (componentName, delay = 500) => {
   const getPath = () => `${Cypress.env('baseUrl')}${componentName}`
   cy.visit(getPath(componentName), {
     onBeforeLoad: (win) => {
@@ -11,9 +11,9 @@ export const visitH5Demo = (componentName, delay = 800) => {
   cy.get('#nav').contains(componentName)
   cy.wait(delay)
 }
-export const visitTaroDemo = (componentName, delay = 1000) => {
+export const visitTaroDemo = (path, componentName, delay = 1000) => {
   const getPath = (component) =>
-    `${Cypress.env('baseUrl')}base/pages/${component.toLowerCase()}/index`
+    `${Cypress.env('baseUrl')}${path}/pages/${component.toLowerCase()}/index`
 
   cy.visit(getPath(componentName))
   cy.get('.applets-demo-header').contains(componentName)

package.json

@@ -93,8 +93,8 @@
     "test:ui": "vitest --ui --coverage",
     "cypress:run": "cypress run --env baseUrl=http://localhost:5173/react/demo.html#/zh-CN/component/  'cypress/e2e/h5/index.cy.js'",
     "cypress:open": "cypress open --env baseUrl=http://localhost:5173/react/demo.html#/zh-CN/component/  'cypress/e2e/h5/index.cy.js'",
-    "cypress:run:taro": "cypress run --env baseUrl=http://localhost:10086/#/ --spec 'cypress/e2e/taro/index.cy.js'",
-    "cypress:open:taro": "cypress open --env baseUrl=http://localhost:10086/#/ --spec 'cypress/e2e/taro/index.cy.js'",
+    "cypress:run:taro": "cypress run --env baseUrl=http://localhost:10086/#/ 'cypress/e2e/taro/index.cy.js'",
+    "cypress:open:taro": "cypress open --env baseUrl=http://localhost:10086/#/ 'cypress/e2e/taro/index.cy.js'",
     "e2e:run:h5": "pnpm dev & pnpm cypress:run",
     "e2e:open:h5": "pnpm dev & pnpm cypress:open",
     "e2e:run:taro": "start-server-and-test dev:taro:h5 http://localhost:10086 cypress:run:taro",