Add some tests for RoadblockModal

draft-packages/modal/KaizenDraft/Modal/Presets/RoadblockModal.spec.tsx

@@ -0,0 +1,57 @@
+import { cleanup, render, fireEvent } from "@testing-library/react"
+import * as React from "react"
+import RoadblockModal, { RoadblockModalProps } from "./RoadblockModal"
+
+afterEach(cleanup)
+
+const RoadblockModalWrapper = (props: Partial<RoadblockModalProps>) => (
+  <RoadblockModal
+    isOpen={true}
+    title="Example modal title"
+    onDismiss={() => undefined}
+    children="Example modal body"
+    {...props}
+  />
+)
+
+describe("<RoadblockModal />", () => {
+  it("renders an open modal with the provided content", () => {
+    const { getByText } = render(
+      <RoadblockModalWrapper>Example modal body</RoadblockModalWrapper>
+    )
+    expect(getByText("Example modal body")).toBeTruthy()
+  })
+
+  it("supports a dismiss action when escape key is pressed", () => {
+    const handleDismiss = jest.fn()
+    const document = render(
+      <RoadblockModalWrapper onDismiss={handleDismiss}>
+        Example modal body
+      </RoadblockModalWrapper>
+    )
+    fireEvent.keyUp(document.container, { key: "Escape", code: "Escape" })
+    expect(handleDismiss).toHaveBeenCalledTimes(1)
+  })
+
+  it("supports a dismiss action when dismiss button is pressed", () => {
+    const handleDismiss = jest.fn()
+    const { getByTitle } = render(
+      <RoadblockModalWrapper onDismiss={handleDismiss}>
+        Example modal body
+      </RoadblockModalWrapper>
+    )
+    fireEvent.click(getByTitle(/Dismiss/i))
+    expect(handleDismiss).toHaveBeenCalledTimes(1)
+  })
+
+  it("supports a dismiss action when back button is pressed", () => {
+    const handleDismiss = jest.fn()
+    const { getByText } = render(
+      <RoadblockModalWrapper onDismiss={handleDismiss}>
+        Example modal body
+      </RoadblockModalWrapper>
+    )
+    fireEvent.click(getByText(/Back/i))
+    expect(handleDismiss).toHaveBeenCalledTimes(1)
+  })
+})