empayre/fleet
14
0
Fork 0
mirror of https://github.com/empayre/fleet.git synced 2024-11-06 17:05:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore(test): rewritten checkbox component test using rtl (#4789)

Browse Source
This commit is contained in:
Tharun Rajendran 2022-03-29 00:21:10 +05:30 committed by GitHub
parent 9e65474d22
commit 71b66a442b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/components/forms/fields/Checkbox/Checkbox.tests.tsx
View File

@ -1,33 +1,35 @@
import React from "react";
import { mount } from "enzyme";
import { fireEvent, render, screen } from "@testing-library/react";
import Checkbox from "./Checkbox";
describe("Checkbox - component", () => {
it("renders", () => {
expect(mount(<Checkbox />)).toBeTruthy();
expect(render(<Checkbox />).container).not.toBeNull();
});
it('calls the "onChange" handler when changed', () => {
it('calls the "onChange" handler when changed', async () => {
const onCheckedComponentChangeSpy = jest.fn();
const onUncheckedComponentChangeSpy = jest.fn();
const checkedComponent = mount(
const { rerender } = render(
<Checkbox name="checkbox" onChange={onCheckedComponentChangeSpy} value />
).find("input");
);
const uncheckedComponent = mount(
fireEvent.click(screen.getByRole("checkbox"));
expect(onCheckedComponentChangeSpy).toHaveBeenCalledWith(false);
rerender(
<Checkbox
name="checkbox"
onChange={onUncheckedComponentChangeSpy}
value={false}
/>
).find("input");
);
checkedComponent.simulate("change");
uncheckedComponent.simulate("change");
fireEvent.click(screen.getByRole("checkbox"));
expect(onCheckedComponentChangeSpy).toHaveBeenCalledWith(false);
expect(onUncheckedComponentChangeSpy).toHaveBeenCalledWith(true);
});
});