3,717 questions
Score of 3
1 answer
80 views
Custom use API Hook Error: Could not find react-redux context value; please ensure the component is wrapped in a <Provider>
I'm trying to learn how to use react-testing-library and having trouble getting started with some of my components. I keep receiving the error in the title, pointing at custom API hooks in the file.
...
- reputation score 167
Score of 0
0 answers
73 views
Unable to find element text from Backstage Table component in test (All components (2) not found)
I'm testing a Backstage plugin component that renders a list of Ansible components using the Backstage Table from @backstage/core-components.
In my test, I mock the catalog API to return 2 entities (...
- reputation score 11
Score of 0
1 answer
89 views
testing an useState change inside a callback
I have a component like this to test:
import {doSomethingMocked} form 'mockedLibrary';
const TheComponent = (props) => {
const [isToTest, setIsToTest] = useState(false);
const handleClick = ...
- reputation score 1
Score of -1
2 answers
1549 views
Next.js and Jest: TypeError `the "original" argument must be of type function`
I am new to Next.js but not to React and Jest; this is the first test suite I'm setting up in Next.js.
I have the following (extremely minimal, but this example does cause the error) component I am ...
- reputation score 65
Score of -1
1 answer
709 views
Test failure after upgrading to React Router v7.6.2
I am experiencing an issue after upgrading to React-Router version 7.6.2. I was able to replicate the failure: StackBlitz. Note that this test passed when I had v6 of React-Router-DOM.
The problem ...
- reputation score 117
Score of 0
1 answer
357 views
Vitest react wait for function in useCallback to be in ready state
I have the following hook:
function useWelcomeMessage() {
const { data, error} = useGetWelcomeMessage();
const printMessage = useCallback(async () => {
if (data) {
alert(data)
...
- reputation score 2049
Score of 0
1 answer
46 views
How to Assert the Absence of an Element After an Async API Response in Testing Library
I'm wondering if it's better to use findBy together with rejects.toThrow instead of using queryBy with not.toBeInTheDocument when checking that an element is not displayed in cases like the following. ...
- reputation score 1
Score of 0
1 answer
56 views
Testing library throws error with finding input element with slight change
I am testing my Input element by 2 way.
adding value and click on button to "todo list" works fine
adding value and enter the "input' field, but throws error.
I am seeking ...
- reputation score 15455
Score of 1
1 answer
190 views
React 19 'use', NextJS 15 async params and React testing-library
Using NextJS 14 and react testing-library, we previously used to test client components and client-only pages that take dynamic URL parameters like this:
type PageProps = {
params: { date: string }...
- reputation score 4142
Score of 1
0 answers
117 views
What exactly are the conditions that React will give the act warning?
I know that this is a well trodden topic, but most of the articles and help topics on this talk about how to avoid, and don't actually detail what exactly causes it.
I have a simple example of how we ...
- reputation score 12601
Score of 0
1 answer
247 views
How can one test Chakra v3 UI Select in NextJS with Jest?
I'm building a NextJS (react) app with Chakra UI (version 3). I'd like to write unit tests, but I don't know to handle the way Chakra UI v3 handles select.
Here's a sample test app:
'use client';
...
- reputation score 1138
Score of 0
0 answers
45 views
When using react-query, how to write unit tests for the scenario of Dependent Queries?
how to write unit tests for useUpdateTodo hook without mock useGetUserId
// Get the user
const useGetUserId = ()=>{
const { data: user } = useQuery({
queryKey: ['user', email],
queryFn: ...
- reputation score 1
Score of 1
1 answer
122 views
Can't successfully test a custom hook using useState and useEffect
While learning React, I'm trying to understand custom hooks.
I've created a simple one updating an internal "step" on creation, cleanup, and allows for external updates.
But I'm struggling ...
- reputation score 13
Score of -2
1 answer
134 views
Can anyone render react-router-dom components with react-testing-library?
After a lot of trial and error I cannot get RTL to render any components from react-router-dom. I am using [email protected], @testing-library/[email protected], @testing-library/[email protected], react-router-...
- reputation score 1
Score of 0
1 answer
62 views
React testing library form validation
I'm stuck on a validation scenario in my Nextjs app, I have a form with some inputs and when a user tries to submit an invalid form an error message should be shown in the form.
However I think there ...
- reputation score 369
