add(ci) Tests with coverage

Author: Samuelsotogit

.env.development

@@ -1,2 +1,3 @@
 VITE_PIZZA_SERVICE_URL=http://localhost:3000
+# VITE_PIZZA_SERVICE_URL=https://pizza-service.cs329.click
 VITE_PIZZA_FACTORY_URL=https://pizza-factory.cs329.click

.github/workflows/ci.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: '22.x'
+          node-version: "22.x"
 
       - name: set version
         id: set_version
@@ -36,6 +36,18 @@ jobs:
         uses: actions/upload-pages-artifact@v3
         with:
           path: dist/
+
+      - name: Run tests
+        run: |
+          npx playwright install --with-deps chromium
+          npm run test:coverage
+
+      - name: Update coverage
+        run: |
+          coverage=$(jq '.total.lines.pct' coverage/coverage-summary.json)
+          color=$(echo "$coverage < 80" | bc | awk '{if ($1) print "red"; else print "green"}')
+          curl -s -X POST "https://pizza-factory.cs329.click/api/badge/${{ secrets.NET_ID }}/jwtpizzacoverage?label=Coverage&value=$coverage%25&color=$color" -H "authorization: bearer ${{ secrets.FACTORY_API_KEY }}"
+
   deploy:
     needs: build
     permissions:
@@ -48,4 +60,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

.gitignore

@@ -13,3 +13,7 @@ node_modules/
 /blob-report/
 /playwright/.cache/
 /playwright/.auth/
+/playwright/.cache/
+.nyc_output
+
+

.nycrc.json

@@ -0,0 +1,7 @@
+{
+  "check-coverage": true,
+  "branches": 0,
+  "lines": 80,
+  "functions": 0,
+  "statements": 0
+}

.vscode/settings.json

@@ -0,0 +1 @@
+{}

README.md

@@ -1,6 +1,8 @@
 # 🍕 JWT Pizza
 
-![Coverage badge](https://pizza-factory.cs329.click/api/badge/accountId/jwtpizzacoverage?t=1)
+<!-- ![Coverage badge](https://pizza-factory.cs329.click/api/badge/accountId/jwtpizzacoverage?t=1) -->
+
+![Coverage badge](https://pizza-factory.cs329.click/api/badge/YOURNETID/jwtpizzacoverage)
 
 [![CI Pipeline](https://github.com/samuelsotogit/jwt-pizza/actions/workflows/ci.yml/badge.svg)](https://github.com/samuelsotogit/jwt-pizza/actions/workflows/ci.yml)
 
@@ -75,7 +77,7 @@ Modify `tailwind.config.js`
 ```js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['index.html', './src/**/*.{html,js,jsx}'],
+  content: ["index.html", "./src/**/*.{html,js,jsx}"],
   theme: {
     extend: {},
   },
@@ -113,25 +115,29 @@ npm i preline
 Updated the tailwind config to use preline.
 
 ```js
-const defaultTheme = require('tailwindcss/defaultTheme');
+const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-  content: ['index.html', './src/**/*.{html,js,jsx}', './node_modules/preline/preline.js'],
+  content: [
+    "index.html",
+    "./src/**/*.{html,js,jsx}",
+    "./node_modules/preline/preline.js",
+  ],
   theme: {
     extend: {
       fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
       },
     },
   },
-  plugins: [require('preline/plugin')],
+  plugins: [require("preline/plugin")],
 };
 ```
 
 Import preline into app.jsx.
 
 ```js
-import 'preline/preline';
+import "preline/preline";
 ```
 
 Initialize components whenever the page location changes.