add cypress testing to TESTING.md

szilvia-csernus · Apr 19, 2024 · 0363e9e · 0363e9e
1 parent 924cdfa
commit 0363e9e
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 1 deletion.
diff --git a/TESTING.md b/TESTING.md
@@ -30,7 +30,32 @@ Results:
 
 # End-to-end Integration Tests
 
-> Not implemented yet.
+> E2E Integration tests are implemented with Cypress.
+
+To run the tests locally:
+
+* run the backend server with `python manage.py runserver` in the backend folder,
+
+* start the vite dev server in the frontend with `npm start` in the frontend folder,
+
+* finally, run the Cypress test with: `npx cypress open`.
+
+
+
+This will open up a new browser for Cypress, where we can start the test files and witness the process.
+
+Alternatively, we can run it with a headless server, with: `npx cypress run`.
+
+The results of these tests are shown below:
+
+![Cypress About Page](testing-images/cypress-about.jpeg)
+![Cypress Adopt Page](testing-images/cypress-adopt.jpeg)
+![Cypress Contact Us Page](testing-images/cypress-contact-us.jpeg)
+![Cypress Enquiry Form](testing-images/cypress-enquiry.jpeg)
+![Cypress Volunteer Form](testing-images/cypress-volunteer.jpeg)
+![Cypress Results](testing-images/cypress-results.jpeg)
+
+
 
 
 # Accessibility tests

diff --git a/testing-images/cypress-about.jpeg b/testing-images/cypress-about.jpeg
diff --git a/testing-images/cypress-adopt.jpeg b/testing-images/cypress-adopt.jpeg
diff --git a/testing-images/cypress-contact-us.jpeg b/testing-images/cypress-contact-us.jpeg
diff --git a/testing-images/cypress-enquiry.jpeg b/testing-images/cypress-enquiry.jpeg
diff --git a/testing-images/cypress-results.jpeg b/testing-images/cypress-results.jpeg
diff --git a/testing-images/cypress-volunteer.jpeg b/testing-images/cypress-volunteer.jpeg