8982d200cc
* Migrate experiments and helpfulness to Hydro * Clean out old tests * ...and more old tests to delete |
||
---|---|---|
.. | ||
browser | ||
content | ||
fixtures | ||
links-and-images | ||
meta | ||
rendering | ||
routing | ||
unit | ||
README.md | ||
helpers.js |
README.md
Tests
It's not strictly necessary to run tests locally while developing: You can always open a pull request and rely on the CI service to run tests for you, but sometimes it's helpful to run tests locally before pushing your changes to GitHub.
Test are written using jest, a framework maintained by Facebook and used by many teams at GitHub. Jest is convenient in that it provides everything: a test runner, an assertion library, code coverage analysis, custom reporters for diferent types of test output, etc.
Running all the tests
Once you've followed the development instructions above, you can run the entire test suite locally:
script/test # or `npm test`
Watching all the tests
You can also run a script that will continually watch for changes and re-run the tests any time a change is made. This command will notify you when tests change to and from a passing or failing state, and will also print out a test coverage report, so you can see what files are in need of tests.
npm run test-watch
Testing individual files
If you're making changes to a specific file and don't want to run the entire
test suite, you can pass an argument to the jest
testing tool:
jest __tests__/page.js
The argument doesn't have to be a fully qualified file path. It can also be a portion of a filename:
jest page # runs tests on __tests__/page.js and __tests__/pages.js
Linting
To validate all your JavaScript code (and auto-format some easily reparable mistakes), run the linter:
npm run lint
Broken link test
This test checks all internal links and image references in the English site. To run it locally (takes about 60 seconds):
npx jest links-and-images
It checks images, anchors, and links for every version of every page.
It reports five types of problems:
- Broken image references
- Example:
/assets/images/foo.png
wherefoo.png
doesn't exist.
- Example:
- Broken same-page anchors
- Example:
#foo
where the page does not have a headingFoo
.
- Example:
- Broken links due to page not found
- Example:
/github/using-git/foo
where there is nofoo.md
file at that path.
- Example:
- Broken links due to versioning
- Example: an unversioned link to a Dotcom-only article in a page that has Enterprise versions.
- Broken anchors on links
- Example:
/some/valid/link#bar
where the linked page can be found but it does not have a headingBar
.
- Example:
If you need to check S3 image references, you can run script/check-s3-images.js
. See script/README
for details.