chore(SuccessStep): reset parking report state (#184)

src/containers/SuccessStep/index.js

@@ -1,11 +1,24 @@
-import React from "react"
+import React, { useEffect } from "react"
 import SuccessStep from "../../components/SuccessStep"
 
-import { useActiveStepState } from "../../hooks/useStepsNavigation/useActiveStepState"
+import { useSetActiveStepState } from "../../hooks/useStepsNavigation/useActiveStepState"
+import { useSetParkingReportState } from "../../hooks/useParkingReportState"
 
 export default () => {
-  const [activeStepIndex, setActiveStepIndex] = useActiveStepState()
+  const setActiveStepIndex = useSetActiveStepState()
+  const setParkingReportState = useSetParkingReportState()
   const onClick = () => setActiveStepIndex(0)
 
+  useEffect(() => {
+    setParkingReportState({
+      uuid: null,
+      carFrontPhotoPreviewUrl: null,
+      carPlate: "",
+      currentPosition: null,
+      isCarFrontPhotoValid: true,
+      isLocationValid: true,
+    })
+  }, [setParkingReportState])
+
   return <SuccessStep onClick={onClick} />
 }

src/containers/SuccessStep/index.test.js

@@ -0,0 +1,41 @@
+import React from "react"
+import { RecoilRoot } from "recoil"
+import { render, screen } from "@testing-library/react"
+import SuccessStep from "."
+import { useSetActiveStepState } from "../../hooks/useStepsNavigation/useActiveStepState"
+import { useSetParkingReportState } from "../../hooks/useParkingReportState"
+
+jest.mock("../../hooks/useStepsNavigation/useActiveStepState")
+
+jest.mock("../../hooks/useParkingReportState", () => {
+  return {
+    useSetParkingReportState: jest.fn(),
+  }
+})
+
+describe("<SuccessStep /> container", () => {
+  it("should set the parking report state", async () => {
+    const defaultParkingReportState = {
+      uuid: null,
+      carFrontPhotoPreviewUrl: null,
+      carPlate: "",
+      currentPosition: null,
+      isCarFrontPhotoValid: true,
+      isLocationValid: true,
+    }
+    const setParkingReportStateMock = jest.fn()
+
+    useSetActiveStepState.mockImplementation(() => jest.fn())
+    useSetParkingReportState.mockImplementation(() => setParkingReportStateMock)
+
+    render(
+      <RecoilRoot>
+        <SuccessStep />
+      </RecoilRoot>
+    )
+
+    expect(setParkingReportStateMock).toHaveBeenCalledWith(
+      defaultParkingReportState
+    )
+  })
+})