Adding Jest to Vue App and setting up test files

[monicakochofar]

This one became a doozy because of the new vue/test-utils library syntax, and ensuring our tests recognize the Vuetify Library/Vue-feather library, etc.

Here are the changes:

• added base test files for all components (to be built upon)
• updated READme with JEST notes
• added a jest config with necessary properties to allow our tests to run smoothly
• added jest test compatibility for Vuetify

commands

Ensure you are in app_vue folder from root

cd app_vue/

to run all tests:

npm test

to run a single test:

npm test -- <relative test.js path here>

// for ex. : ` npm test -- app_vue/src/components/shared/pointAddressField.test.js`

to view code coverage visually, ensure you have run npm test for the most recent, then open the following file in your browser:

app_vue/src/test/coverage/index.html

[monicakochofar]

noteable difference in our folder structure, i think naming the test file similar to the component ensures they show up grouped together and easy to access:

there is also a test/coverage folder that holds our coverage report! this structure gets generated after npm test command:

Important note: this folder is exclusively related to JEST and does not hold any features in our app

[BallardRobinett]

looking good! For some reason the sensorSideBarRoutes test is failing for me though and I can't figure out why. Do we want to get these to trigger on push with github actions for a future card?

nice work!

[monicakochofar]

looking good! For some reason the sensorSideBarRoutes test is failing for me though and I can't figure out why. Do we want to get these to trigger on push with github actions for a future card?

nice work!

Thank you for testing it! Can you paste the error youre getting?

on my end when running npm test I see a coverage report, but scrolling up i see the component is passing:

And to your second question--Would love to get these to be triggered on push for our PRs!

[BallardRobinett]

looking good! For some reason the sensorSideBarRoutes test is failing for me though and I can't figure out why. Do we want to get these to trigger on push with github actions for a future card?
nice work!

Thank you for testing it! Can you paste the error youre getting?

on my end when running npm test I see a coverage report, but scrolling up i see the component is passing:

And to your second question--Would love to get these to be triggered on push for our PRs!

[monicakochofar]

@BallardRobinett so turns out was missing a capitalization in the import statement! try giving it another shot now just pushed a fix.

strange that i never got the error on my end

[BallardRobinett]

all tests passing for me now, nice work