BreadCrumbs unit tests

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "files.autoSave": "afterDelay",
+    "editor.formatOnSave": true
+}

src/components/__tests__/Breadcrumbs.tsx

@@ -0,0 +1,26 @@
+import { cleanup, render } from "@testing-library/react";
+import * as React from "react";
+
+import Breadcrumbs from "../Breadcrumbs";
+
+afterEach(cleanup);
+
+it("renders items correctly", async () => {
+  const list = [
+    "Property location",
+    "About the works",
+    "Application",
+    "Declaration",
+    "Pay fee"
+  ];
+  const active = 2;
+  const { getByText } = await render(
+    <Breadcrumbs active={active} list={list} />
+  );
+  expect(getByText("Property location")).toBeInTheDocument();
+});
+
+it("renders snapshot", () => {
+  const { asFragment } = render(<Breadcrumbs />);
+  expect(asFragment()).toMatchSnapshot();
+});

src/components/__tests__/__snapshots__/Breadcrumbs.tsx.snap

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="MuiBox-root MuiBox-root-76"
+  >
+    <div
+      class="MuiContainer-root MuiContainer-maxWidthLg"
+    >
+      <div
+        class="MuiBox-root MuiBox-root-96 makeStyles-root-85"
+      >
+        <button
+          aria-controls="mobile-menu"
+          aria-haspopup="true"
+          class="MuiButtonBase-root makeStyles-moreBtn-91"
+          tabindex="0"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root"
+            focusable="false"
+            role="presentation"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
+            />
+          </svg>
+          <span
+            class="MuiTouchRipple-root"
+          />
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;