I need help regarding a specific test. I have a Component, that is toggling the sound on and off in my project. The last test, with which I try to test if the e.prevenDefault gets called does not work, and…
I'm honestly confused about the goal of mocking certain functions when unit testing my app. I've seen articles suggesting I should mock everything I test, but also others suggesting I should avoid mocking as much as possible. I need some…
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…