chore: Add parallel testing functionality (#639)

Signed-off-by: yingxuan <zhanglujia.zlj@digital-engine.com>
Co-authored-by: yingxuan <zhanglujia.zlj@digital-engine.com>

Author: jjzhang332

.github/workflows/e2e.yaml

@@ -5,6 +5,9 @@ on: push
 jobs:
   cypress-run:
     runs-on: ubuntu-22.04
+    strategy:
+      matrix:
+        containers: [0, 1, 2]
     steps:
       - name: Checkout
         uses: actions/checkout@v6
@@ -24,7 +27,16 @@ jobs:
           start: yarn start
           wait-on: 'http://localhost:3000'
           wait-on-timeout: 120
-
+          command: npm run cy:run:parallel
+        env:
+          CI: true
+          DEBUG: 'cypress-split,find-cypress-specs'
+          SPLIT: 3
+          SPLIT_INDEX: ${{ matrix.containers }}
+          GITHUB_RUN_ID: ${{ github.run_id }}
+          GITHUB_RUN_ATTEMPT: ${{ github.run_attempt }}
+          GITHUB_JOB: ${{ github.job }}
+          
       - name: Upload coverage reports to Codecov
         uses: codecov/codecov-action@v5
         env:

cypress.config.ts

@@ -1,11 +1,13 @@
 import { defineConfig } from 'cypress';
+import cypressSplit from 'cypress-split';
 
 export default defineConfig({
   // setupNodeEvents can be defined in either
   // the e2e or component configuration
   e2e: {
     setupNodeEvents(on, config) {
       require('@cypress/code-coverage/task')(on, config);
+      cypressSplit(on, config);
       // include any other plugin code...
 
       // It's IMPORTANT to return the config object

package.json

@@ -18,6 +18,7 @@
     "lint": "react-scripts lint",
     "cy:open": "npx cypress open",
     "cy:run": "npx cypress run --headed",
+    "cy:run:parallel": "npx cypress run --headed",
     "coverage:verify": "npx nyc report --check-coverage true --lines 10"
   },
   "dependencies": {
@@ -69,14 +70,17 @@
     "@cypress/code-coverage": "^3.14.0",
     "@cypress/instrument-cra": "^1.4.0",
     "@web3-storage/parse-link-header": "^3.1.0",
+    "babel-plugin-istanbul": "^7.0.1",
     "chart.js": "^4.4.0",
     "cypress": "^14.3.0",
+    "cypress-split": "^1.24.25",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-cypress": "^5.1.0",
     "husky": "^9.0.7",
     "lint-staged": "^15.0.1",
+    "nyc": "^17.1.0",
     "react-app-rewired": "^2.2.1",
     "react-chartjs-2": "^5.2.0",
     "react-use": "^17.4.0",