I'm trying to test a login component. Specifically that it redirects on a successful login. It works fine when testing it manually. But in my test it never does the redirect and it can therefor not...

I am using jest with react-testing-library for the most part without issues until I started to move to the screen > getByText/etc way of testing. Test describe('test the dashboard when loaded', ...

IN the react testing library, I want to get the entire rendered HTML, from the screen and check if this rendered correctly and is present in the dom. I see that the screen has the methods to query ...

I am using Jest and the React testing library to test a component. I am trying to test a modal and I have a weird issue that I am facing. When I try to get by text the "Modal Title" befor...

Currently I'm doing this getByText(/SomeText/i); But I want to make a function and pass some text as an argument by first storing it in a variable. I tried doing it like this: let x = "/SomeT...

In short, I'm using Jest, React Testing Library, and Material UI createMuiTheme and everything works except for the tests. They break only when I add the custom theme from my compound theme from cr...

I have triggered a change in component using react testing library and I want to check the corresponding change in the state of the component. Is it possible to check the state of the component

I'm in the process of moving over to react-testing-library, and have no idea how to trigger this event and get the results of the changes. I've tried using the fireEvent function to trigger the c...

How do I resolve this problem. I am just trying to create a test the ensures that that component renders, but for some reason keep getting this problem even though the component is already inside &...

Simply test case: Want to see if a given element is focused. To check if an element is focused on a react web app with RTL and jest, you have two easy options available to you: You can check if th...

I work on a small App to get familiar with testing and such in React, using jest and React-Testing-Library. In my <App /> Component, I have a Routes with two Route. One of those looks like th...

I'm trying to mock a fetch() that retrieves data into a component. I'm using this as a model for mocking my fetches, but I'm having trouble getting it to work. I'm getting this error when I run my ...

I'm using react-hook-form to control my form inputs (ChakraUI inputs) and disable Submit button in case an input is invalid Since I have a multipage form I use FormProvider in parent component, cha...

I have a test-suite containing 37 tests that are testing one of my views. Locally, all tests pass without any issues, but when I push my code, the test-suite fails in our pipeline (we are using Git...

I’m running a large test suite with Jest (26.6.2) and react-testing-library (12.1.2) on Node.js (16.3.1). At some point the test suite sometimes crashes with FATAL ERROR: CALL_AND_RETRY_LAST Alloca...

await waitFor() makes my test fail but waitFor() makes my test successful (without await). The official doc said The async methods return a Promise, so you must always use await or .then(done) whe...

I have an element that has a combination of static and dynamic text all on the same line. When testing for this line of text by a substring including some of the static and dynamic text, it fails, ...

I am trying to write a unit test using jest and react testing library. I want to test a function call inside the useEffect hook, but my test is not working. What do I need to do to pass the test su...

I've built a simple react application with a searchbar component. The searchbar component contains an Input. For testing Im using Jest with React Testing Library. I want to write a test which tests...

In my react js application, testing the application using react testing library, i have the next situation. I try to find the data from const d = utils.getAllByTestId('el')[0], and now i want to te...

I have HTML code like so: <label class="switch" value="true"> <input name="source" type="checkbox"/> </label> How can I access input with...

In my React Signup component is a form where the user inputs their email, password, and password confirmation. I am trying to write tests using jest/react-testing-library, however I keep getting a ...

How can I find the checkbox for by text from span element? I can't modify my HTML. I wish test fireEvent on input element. ` <label> <div> <input type="checkbox" class=&q...

I have a really big application with react(lot of pages, modals, tables,etc) and I'm using redux-saga for managing the state. I have a lote of stores and almost in all the components I use the useS...

Heres the full error: Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the i...