Creating test structure for frontend - Githubissues

bluewave-labs / bluewave-onboarding

https://bluewavelabs.ca

GNU Affero General Public License v3.0

22 stars 3 forks source link

Creating test structure for frontend #36

Open swoopertr opened 3 months ago

swoopertr commented 3 months ago

Set up Vitest for Unit and Integration Tests

[x] make comparison for Vitest and Cypress
[x] Install Vitest: Run npm install vitest --save-dev to add Vitest to your project.
[x] 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

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

swoopertr commented 3 months ago

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