Jgasiorek cypress test medicaid only gh test (#2)

* start action

* waiton

* screenshot

* try with other browser

* enable video

* trigger click

* run dev

* debug

* enable logging

* try this command

* try this

* use this for pa11y

* no need to build several times

Author: joeyg

Diff for: .github/workflows/build.yml

@@ -90,11 +90,21 @@ jobs:
       #       const coverageFilePath = process.env['COVERAGE_FILE_PATH']
       #       const prNumber = process.env['PR_NUMBER']
       #       script({github, context, mainWorkflowRunSha, coverageFilePath, prNumber})
-      # - name: Cypress testing
-      #   uses: cypress-io/github-action@v6
-      #   with:
-      #     build: npm run build
-      #     start: npm run start
-      #     browser: chrome
+      - name: Cypress testing
+        run: npm run e2e:headless
+      - name: Upload Screenshots
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress-screenshots
+          path: cypress/screenshots
+          if-no-files-found: ignore
+      - name: Upload Videos
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress-videos
+          path: cypress/videos
+          if-no-files-found: ignore
       - name: Pa11y testing
-        run: npm run dev & sleep 5; npm run pa11y-ci
+        run: npm run pa11y-ci

Diff for: cypress.config.ts

@@ -1,9 +1,11 @@
 import { defineConfig } from "cypress";
 
 export default defineConfig({
+  video: true,
+  includeShadowDom: true,
   e2e: {
+    baseUrl: 'http://localhost:3000',
     setupNodeEvents(on, config) {
-      // implement node event listeners here
     },
   },
 });

Diff for: cypress/e2e/spec.cy.ts

@@ -1,6 +1,7 @@
 describe('Flow Tests', () => {
   it('Shows the landing page', () => {
-    cy.visit('http://localhost:3000')
+    cy.visit('/')
+    cy.get('[data-testid=get_started_button]').click()
   })
 
   it('Navigates through the Medicaid only flow', () => {
@@ -11,17 +12,19 @@ describe('Flow Tests', () => {
     const expenseDate = '09/04/2024'
     const expenseAmount = '33'
     const username = 'Jane Doe'
-  
+    cy.visit('/')
+
     // Landing Page
-    cy.visit('http://localhost:3000')
+    cy.get('button').contains('Get Started').should('exist')
+    cy.get('[data-testid=get_started_button]').should('exist')
     cy.get('[data-testid=get_started_button]').click()
 
     // How This Works
     cy.url().should('include', '/introduction/how-this-works')
     cy.contains("Lorem ipsum").not('be.visible')
-    cy.get('[data-testid=accordionButton_what_is_self_employment]').click()
+    cy.get('[data-testid=accordionButton_what_is_self_employment]').trigger("click")
     cy.contains("Lorem ipsum").should('be.visible')
-    cy.get('[data-testid=get_started_button]').click()
+    cy.get('[data-testid=get_started_button]').trigger("click")
 
     // Benefits page
     cy.url().should('include', '/introduction/benefits')
@@ -31,9 +34,9 @@ describe('Flow Tests', () => {
     // Ledger landing
     cy.url().should('include', '/ledger/income')
     cy.get('[data-testid=accordionItem_income_landing_what_counts]').not('be.visible')
-    cy.get('[data-testid=accordionButton_income_landing_what_counts').click()
+    cy.get('[data-testid=accordionButton_income_landing_what_counts').trigger("click")
     cy.get('[data-testid=accordionItem_income_landing_what_counts]').should('be.visible')
-    cy.get('[data-testid=add_income_button').click()
+    cy.get('[data-testid=add_income_button').trigger("click")
 
     // Ledger add page
     cy.url().should('include', '/ledger/income/add')