With React project set up with Vite and run tests with Vitest v2.1.1, we might see the following issue with CSS files: TypeError: Unknown file extension .css for /path/to/css/file How can we resolve it?
I'm in a situation where I don't know how to test a VueJS component, I think essentially because both vue and vitest are new to me, but I cannot find any solution googling around. I have one component that receives…
I have three files: use-user-info.ts user-info.tsx user-info.test.tsx I want to test the behaviour of the component UserInfo (exported from user-info.tsx). On my test file I mock the hook like this: vi.mock("@/use-user-info"); describe(() => { beforeEach(() => { vi.mocked("@/use-user-info").mockReturnValue({ userId: 1,…
(Next.Js, react-query, Vitest) I have a modal where the user has a few steps to complete. At the last step, code sends a request to the backend. This request is sent using useMutation().mutateAsync and in useMutation().onSuccess I handle showing the…
I have a custom hook (useFetch), which I'm using inside a page to pass data into a <Products/> component. export default function App() { const { products, totalProducts, currentPage, handleNextPage } = useFetch(); .... <div>{products && <Products products={products}/> }</div> The…
I want to test my express server POST endpoint using supertest. Everything works fine in postman, but when I try to pass in body parameters into the test, as can be seen in the code snippets below, it appears that…
I am following the example here: https://testing-library.com/docs/react-testing-library/example-intro/ At the "Step-By-Step" section under "Imports" it says this: // import dependencies import React from 'react' // import API mocking utilities from Mock Service Worker import {rest} from 'msw' import {setupServer} from 'msw/node'…
I am unable to reach window.onerror in React tests with vitest, jsdom, and React Testing Library when throwing inside an event handler. The same test passes in Jest. Goal: Assert that window.onerror is called when an error is thrown in…
I have an application where I want to use 2 configurations of i18next, one for the app and another for my tests, the problem is that when I run my tests, if the instance is used for testing and my…
Here is my code: import { it, describe, expect, vi, beforeEach } from 'vitest'; const ClientAuthenticator = require('../src/client-authenticator'); const { ssmClient, getParameterCommand } = require('../src/helpers/aws'); const ssmClientMock = vi.fn(); const getParameterCommandMock = vi.fn(); vi.mock('../src/helpers/aws', () => { return { ssmClient:…