Update the visual regression testing
This commit is contained in:
parent
b4a6142387
commit
70c1d99c48
4
.github/contributing.md
vendored
4
.github/contributing.md
vendored
@ -32,7 +32,7 @@ You can do all of this from your browser using Gitpod, the free online dev envir
|
|||||||
|
|
||||||
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/milligram/milligram)
|
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/milligram/milligram)
|
||||||
|
|
||||||
_Note: For issues relating to the site, please use the [milligram.github.io](https://github.com/milligram/milligram.github.io)_
|
_Note: For issues relating to the site, please use the [milligram/milligram.github.io](https://github.com/milligram/milligram.github.io)_
|
||||||
|
|
||||||
## Building
|
## Building
|
||||||
|
|
||||||
@ -81,7 +81,7 @@ _Note: This style guide was inspired by [Idiomatic.css](https://github.com/necol
|
|||||||
|
|
||||||
## Test
|
## Test
|
||||||
|
|
||||||
Breaking CSS is easy. Checking every responsive page element is hard. That's why Milligram uses automated visual regression testing for responsive web UI by comparing DOM screenshots at various viewport sizes. To view the comparison run `npm test` after making changes to the source code.
|
Breaking CSS is easy. Checking every responsive page element is hard. That's why Milligram uses automated visual regression testing for responsive web UI by comparing DOM screenshots at various viewport sizes. To view the comparison run `npm run visual-regression` after making changes to the source code.
|
||||||
|
|
||||||
## Code of Conduct
|
## Code of Conduct
|
||||||
|
|
||||||
|
2
.github/pull_request_template.md
vendored
2
.github/pull_request_template.md
vendored
@ -14,7 +14,7 @@ Try to solve a problem for each pull request, this increases the chances of acce
|
|||||||
1. Push to the branch: `git push origin my-feature-name`
|
1. Push to the branch: `git push origin my-feature-name`
|
||||||
1. Submit a pull request!
|
1. Submit a pull request!
|
||||||
|
|
||||||
*Note: For issues relating to the site, please use the [milligram.github.io](https://github.com/milligram/milligram.github.io)*
|
_Note: For issues relating to the site, please use the [milligram/milligram.github.io](https://github.com/milligram/milligram.github.io)_
|
||||||
|
|
||||||
Code of Conduct
|
Code of Conduct
|
||||||
==============================
|
==============================
|
||||||
|
11
package.json
11
package.json
@ -76,13 +76,12 @@
|
|||||||
"banner": "banner-cli dist/*.css",
|
"banner": "banner-cli dist/*.css",
|
||||||
"watch": "onchange src -- run-p build",
|
"watch": "onchange src -- run-p build",
|
||||||
"serve": "browser-sync start --no-notify -s test --ss dist -f dist",
|
"serve": "browser-sync start --no-notify -s test --ss dist -f dist",
|
||||||
"backstop": "run-s build && run-s serve compare",
|
"visual-regression": "run-s build && run-p serve visual-regression:compare",
|
||||||
"reference": "backstop reference --config backstop.config.js",
|
"visual-regression:reference": "backstop reference --config backstop.config.js",
|
||||||
"compare": "backstop test --config backstop.config.js",
|
"visual-regression:compare": "backstop test --config backstop.config.js",
|
||||||
"lint": "prettier-standard --check && sass-lint -c .sasslintrc src --verbose --no-exit",
|
"lint": "prettier-standard --check && sass-lint --verbose --no-exit",
|
||||||
"prepublish": "run-s build",
|
"prepublish": "run-s build",
|
||||||
"postpublish": "run-s clean",
|
"test": "run-s build lint && nyc ava"
|
||||||
"test": "npm run build && nyc ava"
|
|
||||||
},
|
},
|
||||||
"husky": {
|
"husky": {
|
||||||
"hooks": {
|
"hooks": {
|
||||||
|
Loading…
Reference in New Issue
Block a user