score:1
Accepted answer
You can use console.log(wrapper.debug()) to print an HTML-like string of the wrapper for debugging purposes. It is useful to print out to the console when tests are not passing when you expect them to.
In my case I was using export default withRouter(MyChildComponent) and it was not required to use withRouter in MyChildComponent. Removing the withRouter and Router from the MyChildComponent and MyChildComponent.test worked for me.
score:0
import {mount} from 'enzyme';
const testComponent = mount(<TestComponent/>)
If you use shallow, it renders each component inside the TestComponent as it is, but with mount you can get all child elements inside the TestComponent.
Source: stackoverflow.com
Related Query
- How to get all the child elements inside a component in unit test using react and enzyme?
- react - how do I get the size of a component child elements and reposition them
- How to Unit test the rendering of a child component in the parent component using react testing library?
- How to test the style inside the CSS class for React component using Jest and Enzyme?
- How to check the value of a nested React component in a unit test with Enzyme and Jest
- How to get one elements to slide in while the other slides out, using react and material-ui?
- How can I test if child React component was rendered based on a URL change using Jest and Enzyme
- How to unit test a React functional component using hooks useEffect,useDispatch and useSelector and Redux?
- How to render the parent component in the child component using react and typescript?
- How to test side-effect when state hook is passed to a child component using React and jest?
- How to test the anchor tag in react class component using jest and enzyme?
- How to set state in parent from one child component and access the state in another child component using react and typescript?
- Get consolidated data from all the child components in the form of an object inside a parent component : React JS
- How to test if state of a component is changed by the function using jest and Enzyme in React TDD
- How to send array of objects data from child component to parent component and store in the parent object using react hooks?
- How do I wrap a React component that returns multiple table rows and avoid the "<tr> cannot appear as a child of <div>" error?
- How to prevent child component from re-rendering when using React hooks and memo?
- How to unit test a react event handler that contains history.push using Jest and Enzyme?
- How to unit test a style of a React Component using Jest.js?
- How do I pass all state variables inside react hooks to my child component
- Jest enzyme shallow test is not rendering all elements of the React component
- How to properly make a GET call in React returning an observable (resembling the method in Angular and not using promises)?
- How to get the length of the text inside the React component
- I can not get the state from react router Link component using useLocation. So how can I pass it?
- How to add type FunctionComponent to React functional component using the "function" syntax and not "const"?
- How to get the ref of a child component inside parent component in ReactJS
- How to make an http call in parent component to setState and then send the state to all child components?
- How do I get my HTML form date input to only allow specific days of the week to be chosen using JavaScript, React and HTML?
- How do I correctly add data from multiple endpoints called inside useEffect to the state object using React Hooks and Context API?
- Get all child component hrefs using a React higher-order component
More Query from same tag
- Updating the `URL` but not loading the path
- How to get the DOM node of a child
- Typescript always throws a warning for this hook
- react-redux default select value from store
- Combine two React files into one
- React add class when clicked to only 1 li
- useQuery to conditionally render data
- Stepper. Fill up form, Required fields
- How to extend TS interface for (MUI) React Component using styled-components?
- Express: serve Webpack bundle on subroutes
- How can I code split a single module to be shared between multple entry points in webpack?
- css transitions ignored because react rerenders
- Best way to write integration tests in React with Redux and Enzyme
- my countdown clock beings counting down one turn after it should
- React: onClick on div jumps to top of page instead of executing callback function
- ReactJS - setState error when unMounting and Mounting
- react-chartjs chart renders without colors
- Google map with react-google-maps API
- Getting data as a Class Component rather than a Hook
- node, express, body-parser - can't read js file from src
- CSS - Align items to parent's right
- Deciding Runtime Props Typescript
- How to import every image with file-loader on React
- deleting an item from array in React with unique id
- How to connect a Higher-Order Component to a Redux store?
- React: Is useEffect not guaranteed to run before the component renders?
- react-leaflet mapboxgl integration not working
- How to handle error.touched and errors with an object in Formik
- Update JSON Array with React.js
- Why do people define variables in render() from state properties in React?
