enzyme

I've looked at various suggestions to solve testing a class property with no success and was wondering if anyone could possibly cast a little more light on where I may be going wrong, here are the tests I've tried all with the error Expected mock function to have been called, but it was not called. Search.jsx import React, { Component } from 'react' import { func } from 'prop-types' import Input from './Input' import Button from './Button' class SearchForm extends Component { static propTypes = { toggleAlert: func.isRequired } constructor() { super() this.state = { searchTerm: '' } this

I have tried couple different ways of defining the mock function and all of my tries failed. When I try to define it as follow: jest.mock('../src/data/server', ()=> ({server: {report: jest.fn()}})); expect(server.report.mock).toBeCalledWith(id, data, () => {...}, () => {...}); I get the this error: expect(jest.fn())[.not].toBeCalledWith() jest.fn() value must be a mock function or spy. Received: undefined If I define the mock as : var spy = jest.mock('../src/data/server', ()=> ({server: {report: jest.fn()}})); expect(spy).toBeCalledWith(id, data, () => {...}, () => {...}); it returns the

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" />; }; export default Logo; Test file: import React from "react"; import Logo from "components/shared/Logo"; describe("<Logo />", () => { it("renders an image", () => { const logo = shallow(<Logo />); expect(logo.find("img").prop("src")).toEqual("blahh"); }); }); But when I run the test, there is some weird error: $ NODE_PATH=src jest FAIL src/tests/Logo.test.js ● <Logo /> › renders an image TypeError: val.entries is not a

I have a React Component that implements the shouldComponentUpdate method and I'd like to unit test it. Ideally I could change some prop or state on the component in a unit test and verify it either re-rendered or not. I am using enzyme if that helps. I would probably just call shouldComponentUpdate directly. Something like const comp = shallow(<Comp {...props} />) const shouldUpdate = comp.instance().shouldComponentUpdate(nextProps, nextState) expect(shouldUpdate).toBe(true/false) Trying to test by determining if the component actually rendered/didn't render is probably more trouble than it's

How do I check if a component is not present, i.e. that a specific component has not been rendered? Andreas Köberle You can use enzymes contains to check if the component was rendered: expect(component.contains(<ComponentName />)).toBe(false) Artem Kislov .contains receives a React Node or array of Nodes as an argument. Instead, use .find : expect(wrapper.find('selector').exists()).toBeTruthy() Providing a slightly updated answer based on the documentation for toExist function Fixture() { return ( <div> <span className="foo" /> <span className="bar baz" /> </div> ); } const wrapper = mount(

I have searched this issue on stack-overflow, but couldn't find anything similar to me use case. I have container component like this. import React, { Component } from 'react'; import PropTypes from 'prop-types'; // API import BookingAPI from '../../../../api/BookingAPI'; class CustomerProfilePage extends Component { state = { list: [], totalRecords: 0, pageNo: 1, }; componentDidMount() { const { pageNo } = this.state; this.onGetBookingList({ pageNo }); } onGetBookingList = async ({ pageNo = 0 }) => { const { match } = this.props; try { const result = await BookingAPI.onGetBookingList({