Unit_Testing

Testing Vue apps

• Watch the Unit Testing Vue video
• Watch the Vitest video
• Install Vitest
• Install Vue test-utils
• Optionally install the Vitest VS Code plugin
• Setup your tests to generate a report on demand by specifing a reporter and outputfile in the CLI
• Optionally set up CI in with Github actions

Your task

Analyse your application and figure out where it makes sense to tests. Write a set of unit and component tests on your application. It is a good idea to also make your test fail in the beginning to make sure your tests are testing what you think they are.

Resources

• Vue documentation on testing
• Vitest
• Vitest VS Code plugin
• Unit Testing Vue video
• Vitest video
• React documentation on testing
• Jest JavaScript testing framework
• React Testing library
• Unit tests for PhP
• Front-end testing is for everyone - article on CSS tricks
• Front-end testing pitfalls - Smashing Magazine
• Vitest with Github actions