So basically when the component mounts, I have an event listener listen for resize events. It toggles the isMobileView state and then passes it into the children as a prop. So it's imperative that ...

I am trying to spy on useState React hook but i always get the test failed This is my React component: const Counter= () => { const[counter, setCounter] = useState(0); const handleClick=() =&...

Recently, React 18 has released and I have upgraded my project to 18. I noticed that all of my unit tests that were written by Jest and Enzyme are failing. I have used mount from Enzyme as a wrappe...

I'm running into a problem where the request I am making to an outside API is working fine in execution, but when runing a Jest/Enzyme test it gives me a CORS error. The function in question is usi...

I am trying to run a test on a component at a certain viewport width. I am doing the following, but this doesn't seem to change it: test('Component should do something at a certain viewport width.'...

Getting this error Matcher error: received value must be a mock or spy function Received has type: object Received has value: {} However, i think i shouldn't be getting this error because im...

I have installed react-router-domV6. I am having the above error when I run my very basic test using Jest-Enzyme: expect(shallow(<CustomerListTable customers={mockCustomers} />).length).toEqu...

I have this component: import React from 'react'; const UploadAsync = Loadable({ loader: () => import('components/Upload'), loading: () => <LoadingComponent full /> }); const Compo...

I tried many scenarios but none worked, am facing issues with useEffect Cleanup return method. Looking for some solutions to cover the use case. Not able to attach the screenshot because of less re...

I'm writing some jest-enzyme tests for a simple React app using Typescript and the new React hooks. However, I can't seem to properly simulate the api call being made inside the useEffect hook. ...

While I am writing test case for my react component I am getting TypeError: Cannot assign to read only property 'x' of object '#' wherein while the application run it does not throw similiar err...

I'm want to test a component in a React app using Jest Enzyme with TypeScript. I follow the instructions on the Jest site, but for some reason I get: SyntaxError: Unexpected token < I can test...

I'm trying to test a material ui text field using react-testing-library. The issue im facing is that in order to test the material ui textField i would have to use this property method screen.get...

Simulating a button click seems like a very easy/standard operation. Yet, I can't get it to work in Jest.js tests. This is what I tried (and also doing it using jQuery), but it didn't seem to trigg...

I am manually setting-up for jest. My repo struture: my-proj - src - components ... - accordion - index.jsx - tests - components - accordion.test.js - setupTests.js - package.json When I...

I am trying to test an async function in a react native app. class myClass extends React.Component { ... closeModal = async () => { if (someCondition) { await myFunction1(); } else { a...

I have a Logo component: import React from "react"; import logo from "assets/images/logo.png"; const Logo = () => { return <img style={{ width: 50 }} src={logo} alt="logo" />; }; expor...

How do I check if a component is not present, i.e. that a specific component has not been rendered?

My functional component uses the useEffect hook to fetch data from an API on mount. I want to be able to test that the fetched data is displayed correctly. While this works fine in the browser, th...

I'm confused about how to access <input> value when using mount. Here's what I've got as my test: it('cancels changes when user presses esc', done => { const wrapper = mount(<Editabl...

I'm able to mock out the Alert to test that it's alert method is being called, but what I really want to test is pressing the ok button within the alert. import { Alert } from 'react-native'; it(...

I have a simple component see below, that basically attempts to grab some data from the formik FormContext using the useFormikContext hook. However when attempting to write unit tests for this comp...

I'm working with jest + enzyme setup for tests. I have function that conditionally renders something if window is defined. In my test suite I'm trying to reach second case, when window is not defin...

I’m new to tests with React-Jest-Enzyme, but from all the info I collected about it it seems to me that most of the tests actually tests if the React library breaks, and not my actual business logi...

I am trying to ensure that the right value is copied to the users clipboard when they click a button. This is my copy method. I am using a ref on the input to access the right value. protected co...