Now we have our repo set up to be tested on Travis CI, we should also check that any tests we write cover as much of the codebase as possible. To achieve this we’ll use codeclimate quality. Travis integrates with this service nicely and configuration is well documented.
Stay with us as there are a number of changes that need to be made.
Add the jest property to your package.json.
# package.json excerpt
This will ensure that we only take into account our source files when assessing code coverage, ignoring the index.js and serviceWorker.js files provided by create-react-app. We also ensure the coverage output is done through lcov, which codeclimate needs to process and produce a report.
We now need to tell Travis to send our coverage information to codeclimate when it has finished running the test script. To do this, we make some changes to the .travis.yml file.
- curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
- chmod +x ./cc-test-reporter
- ./cc-test-reporter before-build
- yarn test --coverage
- ./cc-test-reporter after-build --exit-code $TRAVIS_TEST_RESULT
will it blend?
Now we have these changes in place, let’s push them up and check that our changes are tested, and test coverage is sent to codeclimate.
Our tests run, and our coverage report is generated as we expect. But oh no, it looks like sending the coverage report to codeclimate failed. We need to add an environment variable “CC_TEST_REPORTER_ID” to Travis’s build settings for this to work. Go to codeclimate and you’ll find the information needed in the repository settings page.
Copy the test reporter id, and go to the repository settings page on Travis CI.
Add the test reporter id to the repository settings as pictured. By default, it will not display in the build log, so no need to worry about the log being public. Now we can restart the last build to test our code coverage report is sent properly.
Success! We now have full testing and code coverage reporting in place.