Simulácia interakcie používateľa s komponentom React v teste Jest - reakjs, jest

Mám tlačidlo React komponenty, ktoré chcem testovať pomocou Jest.

Chcem testovať interakcie používateľa s komponentom.

Ako môžem otestovať činnosť tlačidla, keď používateľ klikne na tlačidlo v teste Jest.

Môj test vyzerá takto:

describe("My button component", () => {
it("does something when it is clicked", () => {
const comp = (<MyButton onClick={onClick}></MyButton>);
// ... how can I simulate a user click and assert the change in the DOM?
});
});

function onClick() {}

odpovede:

Funkciu môžete zosmiešniť pomocou jest.fn()

describe("My button component", () => {
it("does something when it is clicked", () => {
const mockOnClick = jest.fn()
const comp = (<MyButton onClick={mockOnClick}></MyButton>)

component.find(MyButton).simulate("click")
expect(mockOnClick.mock.calls.length).toBe(1)

})
})

Môžete postupovať podľa ďalších pokynov tu.