Skip to content
No description, website, or topics provided.
JavaScript Vue HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cypress
output
public
src
tests
.browserslistrc
.editorconfig
.eslintrc.js
.gitignore
README.md
babel.config.js
codecept.conf.js
cypress.json
jest.config.js
package-lock.json
package.json
postcss.config.js
vue.config.js

README.md

Testing Demo

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

Video:

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

To Do:

  1. Create an es-lint rule that prepareBaseImage must be false to prevent merges that would create false positives.
  2. Fork the comparison software/maintain it?
  3. Import allure support
  4. Import puppeteer support
  5. 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
You can’t perform that action at this time.