chore: e2e test & ci integration

.github/workflows/ci.yml

@@ -106,4 +106,4 @@ jobs:
         uses: actions-ecosystem/action-add-labels@v1
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          labels: ${{ env.label }}
+          labels: ${{ env.label }}

.github/workflows/cypress.yml

@@ -0,0 +1,36 @@
+name: E2E Tests
+
+on:
+  push:
+    branches:
+      - V3.0
+  pull_request:
+    branches:
+      - V3.0
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        run: corepack enable pnpm
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+      - name: Run E2E Tests for H5
+        env:
+          CI: true
+        run: pnpm cypress install --force && pnpm e2e:run:h5
+
+      # Taro的自动化测试，demo包管理解决后解除注释
+      # - name: Run E2E Tests for Taro
+      #   env:
+      #     CI: true
+      #   pnpm cypress install --force && run: pnpm e2e:run:taro

cypress.config.ts

@@ -2,8 +2,7 @@ import { defineConfig } from 'cypress'
 
 export default defineConfig({
   e2e: {
-    baseUrl: 'http://localhost:10086/#/',
-    specPattern: 'cypress/e2e/**/*.js',
+    specPattern: 'cypress/e2e/**/*.{js,jsx,ts,tsx}',
   },
   viewportWidth: 414,
   viewportHeight: 896,

cypress/e2e/h5/base.cy.js

@@ -0,0 +1,13 @@
+import { componentTest } from './utils'
+
+describe('base components test', () => {
+  componentTest('Button', () => {})
+  componentTest('Cell', () => {})
+  componentTest('ConfigProvider', () => {})
+  componentTest('Icon', () => {})
+  componentTest('Image', () => {})
+  componentTest('Overlay', () => {})
+})
+Cypress.on('uncaught:exception', (err, runnable) => {
+  return false
+})

cypress/e2e/h5/bussiness.cy.js

@@ -0,0 +1,10 @@
+import { componentTest } from './utils'
+
+describe('bussiness components test', () => {
+  componentTest('Barrage', () => {})
+  componentTest('Card', () => {})
+  componentTest('TimeSelect', () => {})
+  componentTest('TrendArrow', () => {})
+  componentTest('WaterMark', () => {})
+  componentTest('AvatarCropper', () => {})
+})

cypress/e2e/h5/dentry.cy.js

@@ -0,0 +1,25 @@
+import { componentTest } from './utils'
+
+describe('dentry components test', () => {
+  componentTest('Address', () => {})
+  componentTest('Calendar', () => {})
+  componentTest('CalendarCard', () => {})
+  componentTest('Cascader', () => {})
+  componentTest('Checkbox', () => {})
+  componentTest('DatePicker', () => {})
+  componentTest('Form', () => {})
+  componentTest('Input', () => {})
+  componentTest('InputNumber', () => {})
+  componentTest('Menu', () => {})
+  componentTest('NumberKeyboard', () => {})
+  componentTest('Picker', () => {})
+  componentTest('Radio', () => {})
+  componentTest('Range', () => {})
+  componentTest('Rate', () => {})
+  componentTest('SearchBar', () => {})
+  componentTest('ShortPassword', () => {})
+  componentTest('Signature', () => {})
+  componentTest('Switch', () => {})
+  componentTest('TextArea', () => {})
+  componentTest('Uploader', () => {})
+})

cypress/e2e/h5/exhibition.cy.js

@@ -0,0 +1,23 @@
+import { componentTest } from './utils'
+
+describe('exhibition components test', () => {
+  componentTest('Animate', () => {})
+  componentTest('AnimatingNumbers', () => {})
+  componentTest('Audio', () => {})
+  componentTest('Avatar', () => {})
+  componentTest('CircleProgress', () => {})
+  componentTest('Collapse', () => {})
+  componentTest('CountDown', () => {})
+  componentTest('Ellipsis', () => {})
+  componentTest('ImagePreview', () => {})
+  componentTest('Indicator', () => {})
+  componentTest('Pagination', () => {})
+  componentTest('Price', () => {})
+  componentTest('Progress', () => {})
+  componentTest('Swiper', () => {})
+  componentTest('Table', () => {})
+  componentTest('Tag', () => {})
+  componentTest('Tour', () => {})
+  componentTest('Video', () => {})
+  componentTest('VirtualList', () => {})
+})

cypress/e2e/h5/feedback.cy.js

@@ -0,0 +1,20 @@
+import { componentTest } from './utils'
+
+describe('feedback components test', () => {
+  componentTest('ActionSheet', () => {})
+  componentTest('Badge', () => {})
+  componentTest('Dialog', () => {})
+  componentTest('Drag', () => {})
+  componentTest('Empty', () => {})
+  componentTest('ResultPage', () => {})
+  componentTest('InfiniteLoading', () => {})
+  componentTest('Loading', () => {})
+  componentTest('NoticeBar', () => {})
+  componentTest('Notify', () => {})
+  componentTest('Popover', () => {})
+  componentTest('Popup', () => {})
+  componentTest('PullToRefresh', () => {})
+  componentTest('Skeleton', () => {})
+  componentTest('Swipe', () => {})
+  componentTest('Toast', () => {})
+})

cypress/e2e/h5/index.cy.js

@@ -0,0 +1,11 @@
+import './base.cy'
+import './layout.cy'
+import './nav.cy'
+import './dentry.cy'
+import './bussiness.cy'
+import './exhibition.cy'
+import './feedback.cy'
+
+Cypress.on('uncaught:exception', (err, runnable) => {
+  return false
+})

cypress/e2e/h5/layout.cy.js

@@ -0,0 +1,10 @@
+import { componentTest } from './utils'
+
+describe('layout components test', () => {
+  componentTest('Divider', () => {})
+  componentTest('Grid', () => {})
+  componentTest('Layout', () => {})
+  componentTest('Space', () => {})
+  componentTest('Sticky', () => {})
+  componentTest('SafeArea', () => {})
+})

cypress/e2e/h5/nav.cy.js

@@ -0,0 +1,12 @@
+import { componentTest } from './utils'
+
+describe('nav components test', () => {
+  componentTest('BackTop', () => {})
+  componentTest('Elevator', () => {})
+  componentTest('FixedNav', () => {})
+  componentTest('HoverButton', () => {})
+  componentTest('NavBar', () => {})
+  componentTest('SideNavBar', () => {})
+  componentTest('Tabbar', () => {})
+  componentTest('Tabs', () => {})
+})

cypress/e2e/h5/utils.js

@@ -0,0 +1,17 @@
+export const componentTest = (comName, fn, delay = 800) => {
+  const getPath = (component) => `${Cypress.env('baseUrl')}${component}`
+
+  it(`${comName} successfully passes`, () => {
+    cy.visit(getPath(comName), {
+      onBeforeLoad: (win) => {
+        Object.defineProperty(win.navigator, 'userAgent', {
+          value:
+            'Mozilla/5.0 (iPhone; CPU iPhone OS 10_3 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Version/10.0 Mobile/14E5239e Safari/602.1',
+        })
+      },
+    })
+    cy.get('#nav').contains(comName)
+    cy.wait(delay)
+    fn()
+  })
+}