reactjs - Jest testcase to locate a button inside a row & col

Question

I am very new to jest so I don't know how to proceed with jest. I have written test case using jest for a button click for the below component. But it failed. issue "expect(received).toBe(expected) // Object.is equality Expected: 1 Received: 0" could someone please help me to resolve this.

Jest testcase:

const setUp = () => {
return shallow(
<test/>
);
};

test("test for button", () => {
const wrapper = setUp();
const instance = wrapper.instance();
const approve = wrapper.find("#approvebutton");
expect(approve.length).toBe(1);
});

Component code:

<Card>
<div>
<Row>
<Col>
<Button
id="approvebutton"
onClick={() => {
this.handleclick(Id);
}}
>
Approve
</Button>
</Col>
</Row>
</div>
</Card>

question from:https://stackoverflow.com/questions/65931028/jest-testcase-to-locate-a-button-inside-a-row-col

Answer 1

Waitting for answers