480ca46a95
* chore: lint/format all files * Fix config sidebar button state (#602) * chore: Update deno.lock version and add Radix UI slider component (#601) * fix: improve how table addresses even/odd rows --------- Co-authored-by: philon- <philon-@users.noreply.github.com> Co-authored-by: Kamil Dzieniszewski <kamil.dzieniszewski@gmail.com>
Mocks Directory
This directory contains mock implementations used by Vitest for testing.
Structure
The directory structure mirrors the actual project structure to make mocking more intuitive:
__mocks__/
├── components/
│ └── UI/
│ ├── Dialog.tsx
│ ├── Button.tsx
│ ├── Checkbox.tsx
│ └── ...
├── core/
│ └── ...
└── ...
Auto-mocking
Vitest will automatically use the mock files in this directory when the
corresponding module is imported in tests. For example, when a test imports
@components/UI/Dialog.tsx, Vitest will use
__mocks__/components/UI/Dialog.tsx instead.
Creating New Mocks
To create a new mock:
- Create a file in the same relative path as the original module
- Export the mocked functionality with the same names as the original
- Add a
vi.mock()statement tovitest.setup.tsif needed
Mock Guidelines
- Keep mocks as simple as possible
- Use
data-testidattributes for easy querying in tests - Implement just enough functionality to test the component
- Use TypeScript types to ensure compatibility with the original module