docs/tests
Kevin Heis 1918d2ea14
Inline CSRF token in HTML (#17748)
* Inline CSRF token

* Fix tests
2021-02-09 22:08:24 +00:00
..
browser Add a test for the WIP language banner link change (#17480) 2021-01-26 20:06:58 -05:00
content Translation tools to make our lives easier (#17712) 2021-02-09 10:11:12 -05:00
fixtures Add topic property and filter to guides page (#17328) 2021-01-29 12:32:31 +00:00
graphql Update tests to use fs.promises when not top-level (#16803) 2020-12-09 15:42:02 +00:00
helpers Lint translation files (#17561) 2021-02-01 17:59:33 +01:00
javascripts Create a user agent parser for analytics (#15915) 2020-10-21 07:43:09 -07:00
meta Merge branch 'main' into update-dates-script 2020-12-14 15:21:45 -05:00
rendering Inline CSRF token in HTML (#17748) 2021-02-09 22:08:24 +00:00
routing add message to test output 2021-01-25 13:10:08 -05:00
unit Add topic property and filter to guides page (#17328) 2021-01-29 12:32:31 +00:00
README.md Fix a bunch of typos in tests dir (#17132) 2021-01-05 11:25:14 -05:00

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 different 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

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:

  1. Broken image references
    • Example: /assets/images/foo.png where foo.png doesn't exist.
  2. Broken same-page anchors
    • Example: #foo where the page does not have a heading Foo.
  3. Broken links due to page not found
    • Example: /github/using-git/foo where there is no foo.md file at that path.
  4. Broken links due to versioning
    • Example: an unversioned link to a Dotcom-only article in a page that has Enterprise versions.
  5. Broken anchors on links
    • Example: /some/valid/link#bar where the linked page can be found but it does not have a heading Bar.

If you need to check S3 image references, you can run script/check-s3-images.js. See script/README for details.