Hello! This is the repository for the "End-to-end testing mobile apps with Ionic and Cypress" talk at Ioniconf 2020.
This contains a fork of the Ionic Angular Conference Application.
The main branch contains the complete specs of Cypress tests written for the talk.
If you want to start from scratch and try it yourself, checkout the starter branch.
The following spec files are included and demonstrate specific test scenarios (in order from talk):
iphone-5-critical-path.spec.jsviewport.spec.jsstorage.spec.jsswipe.spec.js
Peep these awesome instructions straight from the ionic-conference-app repo:
- Download the installer for Node LTS.
- Install the ionic CLI globally:
npm install -g ionic - Clone this repository:
git clone https://github.com/ionic-team/ionic-conference-app.git. - Run
npm installfrom the project root. - Run
ionic servein a terminal from the project root. - Profit. 🎉
Note: See How to Prevent Permissions Errors if you are running into issues when trying to install packages globally.
Cypress is a dependency of this repo and will install in the previous step. You'll need to update the baseUrl in the cypress.json file to match the port where your app is running.
With the app running, in a new terminal run npx cypress open to open the Test Runner.
Click the iphone-5-critical-path.spec.js folder.
Watch the magic happen. ❇️
If you'd like to run your tests headlessly, in CI, or record the results to the Cypress Dashboard, you can bypass the Test Runner using npx cypress run instead.
There are a lot of fancy options you can pass, including specifying a browser, setting environment variables, and passing your record key for the Dashboard.
Links to slides and a video of the talk coming soon!
Want to learn more?
Feel free to say hi to me on Twitter @ceceliacreates or create an issue here with comments and questions!