libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases Packages Activity Actions

Convert ConfirmDialog test to use React Testing Library

Browse source
This commit is contained in:
Jon Koops 2021-07-07 12:09:47 +02:00 committed by Jon Koops
parent ffe9f74294
commit ad7b77503a
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/confirm-dialog/__tests__/ConfirmDialog.test.tsx → src/components/confirm-dialog/ConfirmDialog.test.tsx
View file

@ -1,9 +1,9 @@
import { fireEvent, screen, render } from "@testing-library/react";
import React from "react";
import { mount } from "enzyme";
import { useConfirmDialog } from "../ConfirmDialog";
import { useConfirmDialog } from "./ConfirmDialog";
describe("Confirmation dialog", () => {
it("renders simple confirm dialog", () => {
describe("ConfirmDialog", () => {
it("renders a simple confirm dialog", () => {
const onConfirm = jest.fn();
const Test = () => {
const [toggle, ConfirmDialog] = useConfirmDialog({
@ -13,9 +13,10 @@ describe("Confirmation dialog", () => {
continueButtonLabel: "Delete",
onConfirm: onConfirm,
});
return (
<>
<button id="show" onClick={toggle}>
<button data-testid="show" onClick={toggle}>
Show
</button>
<ConfirmDialog />
@ -23,13 +24,13 @@ describe("Confirmation dialog", () => {
);
};
const simple = mount(<Test />);
simple.find("#show").simulate("click");
render(<Test />);
fireEvent.click(screen.getByTestId("show"));
const button = simple.find("#modal-confirm").find("button");
expect(button).not.toBeNull();
const confirmButton = screen.getByTestId("modalConfirm");
expect(confirmButton).toBeInTheDocument();
button!.simulate("click");
fireEvent.click(confirmButton);
expect(onConfirm).toBeCalled();
});
});