Merge pull request #132 from DataIntegrationGroup/TAM-patch-CI-CD

[BDMS-264] Patch CI/CD Cypress Testing

Author: TylerAdamMartinez

.github/workflows/CI_cypress.yml

@@ -4,37 +4,31 @@ on:
   pull_request:
 
 jobs:
-  install:
+  integration-tests:
     runs-on: ubuntu-24.04
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Cypress install
-        uses: cypress-io/github-action@v6
-        with:
-          # Disable running of tests within install job
-          runTests: false
-          build: npm run build
-        env:
-          VITE_BASE_URL: http://localhost:4173
-          VITE_OCOTILLO_API_URL: http://127.0.0.1:4010
 
-      - name: Save build folder
-        uses: actions/upload-artifact@v4
-        with:
-          name: build
-          if-no-files-found: error
-          path: dist
+    env:
+      NODE_ENV: test
+      OCOTILLO_API_URL: http://localhost:8000
+      VITE_OCOTILLO_API_URL: http://localhost:8000
+      POSTGRES_USER: ${{ secrets.PG_TEST_USER }}
+      POSTGRES_PASSWORD: ${{ secrets.PG_TEST_PW }}
+      POSTGRES_DB: ${{ secrets.PG_TEST_DB }}
+      MODE: development
+      AUTHENTIK_DISABLE_AUTHENTICATION: ${{ secrets.AUTHENTIK_TEST }}
 
-  cypress-run:
-    runs-on: ubuntu-24.04
-    needs: install
     steps:
-      - name: Checkout
+      - name: Checkout frontend
         uses: actions/checkout@v4
 
-      - name: Setup Node.js
+      - name: Checkout FastAPI backend (NMSampleLocations staging)
+        uses: actions/checkout@v4
+        with:
+          repository: DataIntegrationGroup/NMSampleLocations
+          ref: staging
+          path: api-repo
+
+      - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: '22.x'
@@ -43,21 +37,41 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Download the build folder
-        uses: actions/download-artifact@v4
-        with:
-          name: build
-          path: dist
-
-      - name: Start mock server
+      - name: Start FastAPI backend (Docker Compose)
+        working-directory: ./api-repo
+        env:
+          INSTALL_DEV: true
         run: |
-          # Start mock server in background
-          npm run mock:server:cypress &
-          # Wait for server to start
-          sleep 10
-          
-      - name: Cypress run
+          docker compose build --build-arg INSTALL_DEV=$INSTALL_DEV app
+          docker compose up -d
+          echo "Waiting for FastAPI to be ready..."
+          timeout 180 bash -c 'until curl -f http://localhost:8000/docs; do sleep 3; done'
+          echo "FastAPI is up and healthy"
+
+      - name: Seed database
+        working-directory: ./api-repo
+        run: docker compose exec -T app python -m transfers.seed
+
+      - name: Build frontend
+        run: npm run build
+        env:
+          VITE_BASE_URL: http://localhost:4173
+          VITE_OCOTILLO_API_URL: http://localhost:8000
+
+      - name: Run Cypress e2e tests
         uses: cypress-io/github-action@v6
         with:
           start: npm start
-          browser: chrome
+          browser: chrome
+          spec: |
+            cypress/e2e/test-api-connectivity.cy.ts
+            cypress/e2e/ocotillo/**/*.cy.ts
+        env:
+          DEBUG: cypress:network:*,cypress:server:request
+          VITE_OCOTILLO_API_URL: http://localhost:8000
+
+      - name: Stop API containers
+        if: always()
+        working-directory: ./api-repo
+        run: docker compose down
+

cypress.config.ts

@@ -9,7 +9,9 @@ export default defineConfig({
   },
 
   e2e: {
-    baseUrl: 'http://localhost:4173',
+    baseUrl: process.env.CI
+    ? "http://localhost:4173"   
+    : "http://localhost:5173",
     setupNodeEvents(on, config) {
       process.env.NODE_ENV = 'test'
     },