https://github.com/ktcotz/testoviron

Your only one repository with practice testing principles includes MSW, Supabase, Zustand, Vitest, Playwright and more..
https://github.com/ktcotz/testoviron

advanced msw playwright react storybook supabase testing typescript vitest zustand

Last synced: 3 months ago
JSON representation

Your only one repository with practice testing principles includes MSW, Supabase, Zustand, Vitest, Playwright and more..

• Host: GitHub
• URL: https://github.com/ktcotz/testoviron
• Owner: ktcotz
• Created: 2024-11-04T14:59:24.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-04-06T19:38:07.000Z (3 months ago)
• Last Synced: 2025-04-06T20:31:28.331Z (3 months ago)
• Topics: advanced, msw, playwright, react, storybook, supabase, testing, typescript, vitest, zustand
• Language: TypeScript
• Homepage:
• Size: 1.22 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



 Testoviron - repository of practice testing examples with popular libraries. 


## Repository overview 🎨

Testoviron - repository contains practice testing examples. 


Created with many popular libraries and ❤️❤️

Topics tested: 


- [x] - JSX + basic example

- [x] - Advanced JSX

- [x] - Props + State

- [x] - Custom Hooks

- [x] - Fetching data

- [x] - MSW

- [x] - Context API

- [x] - Zustand

- [x] - Supabase

- [x] - React Hook Form + Zod

- [x] - General Forms

- [x] - Asynchronous

For more information or if you need some examples, please contact with us!

## Tech/framework used 🧰

| Tech                                                                                                                                                         | Description     |

| ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- |

| ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB&style=flat)                                     | Framework       |

| ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white&style=flat)                          | Logic           |

| ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white&style=flat)                                            | Bundler         |

| ![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white&style=flat) | IDE             |

| ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white&style=flat)                                               | Package Manager |

## Librares 🧰

| Tech                                                                                                                                           | Description      |

| ---------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- |

| ![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react&style=flat)                                     | State management |

| ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white&style=flat)        | Styling          |

| ![Supabase](https://img.shields.io/badge/Supabase-3ECF8E?style=for-the-badge&logo=supabase&logoColor=white&style=flat)                         | Supabase         |

| ![Storybook](https://img.shields.io/badge/-Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white&style=flat)                     | UI Docs          |

| ![Vitest](https://img.shields.io/badge/-Vitest-252529?style=for-the-badge&logo=vitest&logoColor=FCC72B&style=flat)                             | Testing          |

| ![Testing-Library](https://img.shields.io/badge/-TestingLibrary-%23E33332?style=for-the-badge&logo=testing-library&logoColor=white&style=flat) | Testing          |

## How to install 🎨

```npm

  1. npm install (Install all packages.)

  2. npm run test (VITEST-INTEGRATIONS)

  2. npm run test-e2e (PLAYWRIGHT-E2E)

```