Wire up unit testing for UI / Vue components

samvera-labs / digital_collections_elixir_example

Proof of concept digital collections Elixir Application done as a collaboration between Princeton and Northwestern University.

0 stars 1 forks source link

Wire up unit testing for UI / Vue components #26

Open adamjarling opened 4 years ago

adamjarling commented 4 years ago

Explore using @testing-library to unit test Vue components. And also to verify Lux component integrations maybe?

Update: Looks like Vue has an official test utils package (https://vue-test-utils.vuejs.org/). So we should use this over @testing-library for initial work.

jrgriffiniii commented 4 years ago

Some action items which were derived from a meeting held today evaluating this process for testing Vue components:

[ ] Explore directory structure for adding Vue components and tests (are we following the best practices?)
[ ] Each component should have separate unit tests - James would like to add one PR just to be certain that he understands how this is working
[ ] How is test coverage addressed by Jest?
[ ] Is 100% test coverage necessary? Perhaps we can have something smaller?
[ ] Explore if and how this can be used to integrate wrapper Vue components for a digital object viewer (e. g. OpenSeadragon or UniversalViewer)

adamjarling commented 4 years ago

Here's a resource which is a pretty quick read, and might inform how this non-SPA app might use Vue components.

https://flaviocopes.com/vue-components/

I'm going to play around with some of his examples and see how tests respond...

jrgriffiniii commented 4 years ago

https://github.com/samvera-labs/digital_collections_elixir_example/pull/33 has progressed, but I would definitely like to see about using the test coverage analysis to trigger a build failure on CircleCI before moving beyond my initial test on that branch.