Development

Development

This page explains how development and testing works with Vue.

The Goal of our tests are:

• test Vue as a function of props and outputs
• smoke test simple components
• test Vuex store actions are fired in response to certain events
• test Vuex getters

Coverage is not a consideration and shouldn't be of as major a concern with UI tests.

Vue Serve

npm run serve

Will hot-load changes to Vue source code on localhost:8080.

Running Tests

npm run test

will run:

• lint test
• unit tests

For creating new tests, use npm run test:watch. This will only run changes scene in the unit/ directory.

Creating Tests

Tests primarily use:

• Vue test-utils docs
• Mocha runners docs
• Chai BDD style assertions docs

Any additional functions and mocks created for testing purposes should be located in tests/helpers/.

Testing Vuex presents its own challenges. See the following guides:

• Vuex Testing Guide
• Vue Test Utils Vuex Guide