Creating test structure for frontend

[swoopertr]

Set up Vitest for Unit and Integration Tests

• make comparison for Vitest and Cypress

• Install Vitest: Run npm install vitest --save-dev to add Vitest to your project.

• Configure Vitest: Modify your vite.config.js to include the Vitest configuration.

• Write Tests: create couple tests just for example

Set up Cypress for End-to-End Tests

• Install Cypress: Execute npm install cypress --save-dev to install Cypress.
• Interactive Test Runner: Use the Cypress interactive test runner for writing and debugging tests.
• Configure for Vite: Set up Cypress to work with Vite for component testing.

[swoopertr]

https://vitest.dev/guide/comparisons.html
vitest : for headlesss component testing lighting fast.
cypress : E2E testing for browser and visible component testing.