Setup unit test and end-to-end testing infrastructure

[Maurier]

The following is the testing infrastructure recommendations for the frontend DSP projects. This setup is already configured as part of our starting template, but no tests have been written yet.

Unit Testing and Component Testing

• Vitest
  • Used in many of the most popular Vue starting templates: https://github.com/vitejs/awesome-vite#templates
  • Designed for Vite: https://vitest.dev/guide/why.html
  • Recommended by the Vue team: https://vuejs.org/guide/scaling-up/testing#recommendation
  • Comparing with other testing tools: https://vitest.dev/guide/comparisons.html
  • Good documentation: https://vitest.dev/api/

E2E Testing

• Cypress
  • Browser-based.
  • Supports Slack plugin.
  • Supports GitHub Actions.
  • Recommended by the Vue team: https://vuejs.org/guide/scaling-up/testing#recommendation-2
  • Good documentation: https://docs.cypress.io/api/table-of-contents