StackOverflow - unit-testing, reactjs, enzyme, airbnb-js-styleguide

Why does shallow Rendering not work as expected?

I am using enzyme for test my create-react-app component, but It did not work intuitively. Am I misunderstanding what shallow rendering is? import React from "react"; import { Card } from "./Card"; const TestUser = () => { return (
); }; export default TestUser; .test.js import React from "react"; import TestUser from "./TestUser"; import { shallow } from "enzyme"; import { Card } from "./Card"; it("should render right", () => { const component = shallow(); expect(component.find(Card)).to.have.length(3); }); I expect it should pass the test, cause it does have 3 Card components in TestUser But it output: TypeError: Cannot read property 'have' of undefined How does that work?

Was this helpful?

Related Articles

Laravel response differs when using Amazon ELB - use case: AirBnB ical Importer

StackOverflow • StackOverflow

<p>Background: We are using Laravel v8.83.5 running on nginx and PHP 7.4 Amazon Linux EC2 instance which is powered by a...

Is there a suitable or recommended design pattern for the airbnb style guide?

StackOverflow • StackOverflow

<p>As stated by some of the comments below my question, the style guide deliberately avoids recommending any design patt...

Is there a suitable or recommended design pattern for the airbnb style guide?

StackOverflow • StackOverflow

<p>I learned about the revealing module pattern which I've taken a liking to. This pattern was described as being useful...

Share this answer:

LinkedInTwitterWhatsAppEmail

Have a different question?

Can't find the answer you're looking for? Submit your own question to our community.

Submit a Question

🛎️ Get Weekly OTA Fixes

New answers, vendor issues, and updates — straight to your inbox.