+ )
+}
+
+DeleteConfirmation.propTypes={
+ open: PropTypes.bool.isRequired, // Boolean that determines if the modal should be open
+ close: PropTypes.func.isRequired, // Function that sets the open state to false i.e. () => setOpen(false)
+ message: PropTypes.any.isRequired, // What the user will see if being confirmed to be deleted
+ deleteFunction: PropTypes.func.isRequired, // Function that runs when user clicks delete
+}
+
+export default DeleteConfirmation;
\ No newline at end of file
diff --git a/src/components/DeleteConfirmation/index.test.jsx b/src/components/DeleteConfirmation/index.test.jsx
new file mode 100644
index 0000000..33da9de
--- /dev/null
+++ b/src/components/DeleteConfirmation/index.test.jsx
@@ -0,0 +1,20 @@
+jest.mock("../Contexts/UserContext");
+
+import React from "react";
+import { render, cleanup } from "@testing-library/react";
+import DeleteConfirmation from "./index";
+import addSnapshotSerializer from "../../utils/snapshot";
+
+describe("Delete Confirmation Modal", () => {
+ beforeAll(() => {
+ addSnapshotSerializer(expect);
+ });
+
+ it("Should render", () => {
+ const { container } = render(
+ {}} message="Test Message" deleteFunction={()=>{}}/>
+ );
+ expect(container).toMatchSnapshot();
+ cleanup();
+ });
+});
diff --git a/src/components/Fleets/Status/Details/__snapshots__/index.test.jsx.snap b/src/components/Fleets/Status/Details/__snapshots__/index.test.jsx.snap
index f49c5ea..1019037 100644
--- a/src/components/Fleets/Status/Details/__snapshots__/index.test.jsx.snap
+++ b/src/components/Fleets/Status/Details/__snapshots__/index.test.jsx.snap
@@ -28,6 +28,7 @@ exports[`FleetDetailsTab Render 1`] = `
Name
:
+ Test Fleet