feat: use vite testing

freeCodeCamp · Oct 29, 2024 · bacd2a1 · bacd2a1
1 parent 67be98e
commit bacd2a1
Show file tree

Hide file tree

Showing 42 changed files with 7,474 additions and 17,938 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -34,13 +34,13 @@ jobs:
         run: |
           echo "CYPRESS_RECORD_KEY=${{ secrets.CYPRESS_RECORD_KEY }}" >> $GITHUB_ENV
           echo "GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }}" >> $GITHUB_ENV
-          echo "CYPRESS_INSTALL_BINARY=6.0.0" >> $GITHUB_ENV
+          echo "CYPRESS_INSTALL_BINARY=13.14.2" >> $GITHUB_ENV
 
       - name: Checkout
         uses: actions/checkout@ee0669bd1cc54295c223e0bb666b733df41de1c5 # v2
 
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v4
         with:
           browser: ${{ matrix.browsers }}
           build: npm run build

diff --git a/.gitignore b/.gitignore
@@ -19,6 +19,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

diff --git a/.husky/pre-commit b/.husky/pre-commit
diff --git a/cypress-install.js b/cypress-install.js
@@ -1,12 +1,15 @@
-const util = require('cypress/lib/util');
-const execa = require('execa');
+import { spawn } from 'child_process';
 
-const pkg = util.pkgVersion();
+const child = spawn('npm', ['run', 'cypress:install'], {
+  stdio: 'inherit'
+});
 
-(async () => {
-  console.log('Installing Cypress ' + pkg);
-  await execa('npm', ['run', 'cypress:install'], {
-    env: { CYPRESS_INSTALL_BINARY: pkg }
-  });
-  console.log('Cypress installed');
-})();
+child.on('close', code => {
+  if (code) {
+    console.error('Cypress installation failed with code:', code);
+  }
+});
+
+child.on('error', error => {
+  console.error('Cypress installation error:', error);
+});
diff --git a/cypress.config.ts b/cypress.config.ts
@@ -0,0 +1,8 @@
+const { defineConfig } = require('cypress');
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3001',
+    retries: 4
+  }
+}) 
diff --git a/cypress.json b/cypress.json
diff --git a/cypress/integration/home.js → cypress/e2e/home.cy.ts b/cypress/integration/home.js → cypress/e2e/home.cy.ts
diff --git a/cypress/integration/play-button.js → cypress/e2e/play-button.cy.ts b/cypress/integration/play-button.js → cypress/e2e/play-button.cy.ts
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
diff --git a/cypress/support/commands.js → cypress/support/commands.ts b/cypress/support/commands.js → cypress/support/commands.ts
diff --git a/cypress/support/index.js → cypress/support/e2e.ts b/cypress/support/index.js → cypress/support/e2e.ts
diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "esnext",
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "jsx": "preserve",
+    "allowJs": false,
+    "noImplicitAny": true,
+    "moduleResolution": "node",
+    "isolatedModules": true,
+    "types": ["node","cypress"]
+  },
+  "include": [
+    "**/*.ts",
+  ],
+}
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -99,9 +99,8 @@
     </script>
   </head>
   <body>
-    <div id="root"></div>
-  </body>
-  <script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
+    <div id="app"></div>
+    <script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
      new Crate({
         server: '692816967895220344', // freeCodeCamp.org Official ᕕ(⌐■_■)ᕗ ♪♬
         channel: '1254842489362317322' // #code-radio
@@ -116,4 +115,6 @@
       embed.style.maxHeight = "calc(100% - 80px)"
     }
   </script>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,6 +19,7 @@ @@
     # production
     /build
+    /dist
     # misc
     .DS_Store
@@ Expand Down @@