Develop

.github/workflows/main.yml

@@ -0,0 +1,34 @@
+# Name of workflow
+name: Lint workflow
+
+# Trigger workflow on all pull requests
+on:
+  pull_request:
+    branches:
+      - develop
+      - staging
+
+# Jobs to carry out
+jobs:
+  test:
+    # Operating system to run job on
+    runs-on: ubuntu-latest
+
+    # Steps in job
+    steps:
+      # Get code from repo
+      - name: Checkout code
+        uses: actions/checkout@v1
+
+      - name: Use Node.js 21.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 21.x
+
+      # Install dependencies
+      - name: 🧰 Install Deps
+        run: npm install
+
+      # Run lint
+      - name: Run Lint
+        run: npm run lint

README.md

@@ -8,7 +8,6 @@ GitHub Actions is a great solution to this problem. For example, you could creat
 
 ## Initial Project Setup
 
-TODO: this definitely doesn't work
 To begin, start by forking the following repository [GitHub Actions Demo](https://github.com/coding-boot-camp/github-actions-demo).  Once you have forked this repository you should then clone the forked repository to your local machine.
 
 ## Create the Workflow

package.json

@@ -7,11 +7,12 @@
     "dev": "vite --port 3000",
     "build": "tsc && vite build",
     "lint": "eslint src --ext js,tsx --report-unused-disable-directives --max-warnings 0",
-  "preview": "vite preview",
-      "eslint": "eslint src",
+    "preview": "vite preview",
+    "eslint": "eslint src",
     "test": "vitest"
   },
   "dependencies": {
+    "lint": "^1.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -27,7 +28,7 @@
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
-    "happy-dom": "^14.12.3",
+    "happy-dom": "^17.4.4",
     "pretty": "^2.0.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",

src/components/Calculator.tsx

@@ -15,6 +15,7 @@ export default function Calculator() {
 
   return (
     <div className="calculator">
+      <h2>Simple Calculator</h2>
       <p>
         <input
           type="text"

src/tests/__snapshots__/Calculator.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Calculator > should match snapshot 1`] = `
 "<h2>Simple Calculator</h2>
-<p><input type="text" id="value" value="0" name="value"></p><button class="btn btn-primary" type="button"> Add </button>
+<p><input type="text" id="value" name="value" value="0"></p><button class="btn btn-primary" type="button"> Add </button>
 <p class="card-text">Total: 0</p>
 <p class="card-text">Previous Total: 0</p>"
 `;