diff --git a/.gitbook/assets/grafik (1).png b/.gitbook/assets/grafik (1).png new file mode 100644 index 000000000..20ebd3480 Binary files /dev/null and b/.gitbook/assets/grafik (1).png differ diff --git a/.gitbook/assets/grafik (2).png b/.gitbook/assets/grafik (2).png new file mode 100644 index 000000000..cc5dade55 Binary files /dev/null and b/.gitbook/assets/grafik (2).png differ diff --git a/SUMMARY.md b/SUMMARY.md index 6684ecf50..7a7a61b1a 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -22,7 +22,8 @@ ## Workflow -* [Testing](integration-tests/testing.md) +* [Testing](integration-tests/testing/README.md) + * [Integration Testing](integration-tests/testing/integration-testing.md) * [Pull-Requests](integration-tests/pull-requests.md) * [Deployment](integration-tests/deployment.md) diff --git a/integration-tests/testing.md b/integration-tests/testing/README.md similarity index 100% rename from integration-tests/testing.md rename to integration-tests/testing/README.md diff --git a/integration-tests/testing/integration-testing.md b/integration-tests/testing/integration-testing.md new file mode 100644 index 000000000..489caecc8 --- /dev/null +++ b/integration-tests/testing/integration-testing.md @@ -0,0 +1,34 @@ +--- +description: >- + Here you can find information on how we are testing the whole application + automaicaly. +--- + +# Integration Testing + +## Install Cypress + +Before we start, first install [Cypress](https://www.cypress.io/) on your dev machine. + +```bash +$ yarn global add cypress +``` + +### Run Tests + +To run the tests, open the directory of our Nitro Frontend in your console and run following command: + +```bash +$ cypress run +``` + +![Console output after running cypress test](../../.gitbook/assets/grafik%20%281%29.png) + +After the test run, you will get also some video footage of the test run which you can then analyse in more detail. + +### Open Interactive Test Console + +If you are like me, you might want to see some visual output. The interactive cypress environment also helps at debugging your tests, you can even time travel between individual steps and see the exact state of the app. + +![Interactive Cypress Environment](../../.gitbook/assets/grafik%20%282%29.png) +