Testing Demo

This repository is the code sample to go with my visual regression and types of testing talks.

Video:

• Full Length (32m): https://vimeo.com/351646846
• Lightning (4.5m): https://vimeo.com/328997531

Slides: http://files.klingman.us/keep-looking-good.pdf

To Do:

2. Create an es-lint rule that prepareBaseImage must be false to prevent merges that would create false positives.
3. Fork the comparison software/maintain it?
4. Import allure support
5. Import puppeteer support
6. Add tests

Project setup (vue)

1. You will need JDK installed for selenium to work (brew cask install java)
2. Run npm install

Run your visual tests (codecept)

1. Run the site npm run serve
2. Run npm run selenium (Leave this running while running tests)
3. Run npm run test:codecept
4. When entirely done, kill the selenium process and site serve process

Run your unit tests

npm run test:unit

Run your e2e tests (cypress)

Note: I have intentionally not used the Vue-cypress plugin so this code is more portable to other frameworks and the configuration is more obvious.

1. Run the site npm run serve
2. Run the tests npm run test:cypress

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint