Merge pull request #86 from nation3/85-cypress

✅ test: add cypress

.github/workflows/ci.yml → .github/workflows/ci-build.yml

@@ -1,4 +1,4 @@
-name: CI
+name: CI - Build
 
 on:
   push:
@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        node-version: [18.x, 20.x]
     steps:
     - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node-version }}

.github/workflows/ci-test.yml

@@ -0,0 +1,28 @@
+name: CI - Test
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18.x, 20.x]
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+        cache-dependency-path: package-lock.json
+    - name: Cypress run
+      uses: cypress-io/github-action@v6
+      with:
+          build: npm run build
+          start: npm start

.gitignore

@@ -33,3 +33,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# cypress
+cypress/downloads
+cypress/screenshots
+cypress/videos

README.md

@@ -36,3 +36,15 @@ npm run dev
 ```
 
 Go to http://localhost:3000
+
+## Integration Testing
+
+Run the integration tests:
+```
+npm run cy:open
+```
+
+Run the integration tests headlessly:
+```
+npm run cy:run
+```

cypress.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "cypress"
+
+export default defineConfig({
+  e2e: {
+    supportFile: false,
+    baseUrl: 'http://localhost:3000'
+  }
+})

cypress/e2e/index.cy.ts

@@ -0,0 +1,9 @@
+describe('Nation3 App UI', () => {
+
+    it('should load the index page', () => {
+        cy.visit('/')
+        cy.get('h1').contains('Nation3 Citizens')
+    })
+})
+
+export {}