diff --git a/package-lock.json b/package-lock.json
index bcc2219..406833c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,6 +40,7 @@
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.10",
         "eslint-plugin-react-hooks": "^4.6.0",
+        "react-test-renderer": "^18.2.0",
         "stylelint": "^13.13.1",
         "stylelint-config-standard": "^21.0.0",
         "stylelint-csstree-validator": "^1.9.0",
@@ -17710,6 +17711,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/react-shallow-renderer": {
+      "version": "16.15.0",
+      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
+      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
+      "dev": true,
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-slick": {
       "version": "0.29.0",
       "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.29.0.tgz",
@@ -17726,6 +17740,26 @@
         "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-test-renderer": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
+      "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+      "dev": true,
+      "dependencies": {
+        "react-is": "^18.2.0",
+        "react-shallow-renderer": "^16.15.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-test-renderer/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "dev": true
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -33985,6 +34019,16 @@
         }
       }
     },
+    "react-shallow-renderer": {
+      "version": "16.15.0",
+      "resolved": "https://registry.npmjs.org/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz",
+      "integrity": "sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==",
+      "dev": true,
+      "requires": {
+        "object-assign": "^4.1.1",
+        "react-is": "^16.12.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "react-slick": {
       "version": "0.29.0",
       "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.29.0.tgz",
@@ -33997,6 +34041,25 @@
         "resize-observer-polyfill": "^1.5.0"
       }
     },
+    "react-test-renderer": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
+      "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+      "dev": true,
+      "requires": {
+        "react-is": "^18.2.0",
+        "react-shallow-renderer": "^16.15.0",
+        "scheduler": "^0.23.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+          "dev": true
+        }
+      }
+    },
     "react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
diff --git a/package.json b/package.json
index 76ef0f6..13f4955 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "react-test-renderer": "^18.2.0",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^21.0.0",
     "stylelint-csstree-validator": "^1.9.0",
diff --git a/src/__test__/__snapshots__/addcars.test.js.snap b/src/__test__/__snapshots__/addcars.test.js.snap
new file mode 100644
index 0000000..f9a4202
--- /dev/null
+++ b/src/__test__/__snapshots__/addcars.test.js.snap
@@ -0,0 +1,104 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="big"
+>
+  <div
+    className="container"
+  >
+    <form
+      onSubmit={[Function]}
+    >
+      <div
+        className="brand-logo"
+      >
+         
+        <img
+          alt="Cars bnb logo"
+          src="cars-bnb-logo.png"
+        />
+         
+      </div>
+      <div
+        className="inputs"
+      >
+        <label
+          className="green"
+        >
+          Model
+        </label>
+        <input
+          className="input2"
+          name="model"
+          onBlur={[Function]}
+          onChange={[Function]}
+          placeholder="Model"
+          type="text"
+        />
+        <label
+          className="green"
+        >
+          Brand
+        </label>
+        <input
+          className="input2"
+          name="brand"
+          onBlur={[Function]}
+          onChange={[Function]}
+          placeholder="Brand"
+          type="text"
+        />
+        <label
+          className="green"
+          htmlFor="date"
+        >
+          date
+        </label>
+        <input
+          className="input2"
+          id="date"
+          max="2022-12-31"
+          min="1990-01-01"
+          name="year_released"
+          onBlur={[Function]}
+          onChange={[Function]}
+          type="date"
+        />
+        <label
+          className="green"
+        >
+          car Photo
+        </label>
+        <input
+          className="input2"
+          name="featured_image"
+          onBlur={[Function]}
+          onChange={[Function]}
+          placeholder="car Photo"
+          type="text"
+        />
+        <label
+          className="green"
+        >
+          specifications
+        </label>
+        <textarea
+          className="input3"
+          name="specifications"
+          onBlur={[Function]}
+          onChange={[Function]}
+          placeholder="specifications"
+          type="text"
+        />
+        <button
+          className=" mr"
+          type="submit"
+        >
+          Add
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
+`;
diff --git a/src/__test__/__snapshots__/carcard.test.js.snap b/src/__test__/__snapshots__/carcard.test.js.snap
new file mode 100644
index 0000000..354db07
--- /dev/null
+++ b/src/__test__/__snapshots__/carcard.test.js.snap
@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="car-card"
+>
+  <div
+    className="car-image-wrap"
+  >
+    <img />
+  </div>
+  <h2 />
+  <p>
+    --------------
+  </p>
+  <p>
+    No specifications
+  </p>
+  <div
+    className="d-flex socials justify-content-center"
+  >
+    <div
+      className="d-flex justify-content-center align-items-center cars-icons-wrap"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        strokeWidth="0"
+        style={
+          Object {
+            "color": undefined,
+          }
+        }
+        viewBox="0 0 320 512"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
+        />
+      </svg>
+    </div>
+    <div
+      className="d-flex justify-content-center align-items-center cars-icons-wrap"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        strokeWidth="0"
+        style={
+          Object {
+            "color": undefined,
+          }
+        }
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
+        />
+      </svg>
+    </div>
+    <div
+      className="d-flex justify-content-center align-items-center cars-icons-wrap"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        strokeWidth="0"
+        style={
+          Object {
+            "color": undefined,
+          }
+        }
+        viewBox="0 0 16 16"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/__test__/__snapshots__/cars.test.js.snap b/src/__test__/__snapshots__/cars.test.js.snap
new file mode 100644
index 0000000..8d3a8a5
--- /dev/null
+++ b/src/__test__/__snapshots__/cars.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="main-car-container"
+>
+  <h1>
+    Latest Models
+  </h1>
+  <p>
+    Please select a car model
+  </p>
+  <div
+    className="car-container"
+  >
+    <div
+      className="loading"
+    >
+      <h4>
+        No Cars to show, Please add new car
+      </h4>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/__test__/__snapshots__/carspage.test.js.snap b/src/__test__/__snapshots__/carspage.test.js.snap
new file mode 100644
index 0000000..05f7a4a
--- /dev/null
+++ b/src/__test__/__snapshots__/carspage.test.js.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="car-layout"
+>
+  <header
+    className="my-navbar"
+  >
+    <div
+      className="logout"
+    >
+      <button
+        className="logout-btn"
+        onClick={[Function]}
+        type="button"
+      >
+        Logout
+      </button>
+    </div>
+    <div
+      className="logo"
+    >
+      <img
+        alt="carsBnb Logo"
+        src="cars-bnb-logo.png"
+      />
+    </div>
+    <nav
+      className="menu"
+    >
+      <div
+        className="mobile-nav desktop-nav"
+      >
+        <div
+          className="my-nav-links"
+        >
+          <a
+            className=""
+            href="/cars"
+            onClick={[Function]}
+          >
+            CARS
+          </a>
+          <a
+            className=""
+            href="/addcar"
+            onClick={[Function]}
+          >
+            ADD CAR
+          </a>
+          <a
+            className=""
+            href="/cars/choose/reservations/add"
+            onClick={[Function]}
+          >
+            RESERVE
+          </a>
+          <a
+            className=""
+            href="/reservations"
+            onClick={[Function]}
+          >
+            MY RESERVATIONS
+          </a>
+          <a
+            className=""
+            href="/delete"
+            onClick={[Function]}
+          >
+            DELETE CAR
+          </a>
+        </div>
+        <div
+          className="nav-footer"
+        >
+          <div
+            className="nav-icons"
+          >
+            <a
+              href="/"
+              onClick={[Function]}
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                strokeWidth="0"
+                style={
+                  Object {
+                    "color": undefined,
+                  }
+                }
+                viewBox="0 0 512 512"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+                />
+              </svg>
+            </a>
+            <a
+              href="/"
+              onClick={[Function]}
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                strokeWidth="0"
+                style={
+                  Object {
+                    "color": undefined,
+                  }
+                }
+                viewBox="0 0 320 512"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
+                />
+              </svg>
+            </a>
+            <a
+              href="/"
+              onClick={[Function]}
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                strokeWidth="0"
+                style={
+                  Object {
+                    "color": undefined,
+                  }
+                }
+                viewBox="0 0 640 512"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"
+                />
+              </svg>
+            </a>
+            <a
+              href="/"
+              onClick={[Function]}
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                strokeWidth="0"
+                style={
+                  Object {
+                    "color": undefined,
+                  }
+                }
+                viewBox="0 0 448 512"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"
+                />
+              </svg>
+            </a>
+            <a
+              href="/"
+              onClick={[Function]}
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                strokeWidth="0"
+                style={
+                  Object {
+                    "color": undefined,
+                  }
+                }
+                viewBox="0 0 496 512"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"
+                />
+              </svg>
+            </a>
+          </div>
+          <p>
+            2022 © All Rights Reserved
+          </p>
+        </div>
+      </div>
+      <button
+        className="hamburger"
+        type="button"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          strokeWidth="0"
+          style={
+            Object {
+              "color": undefined,
+            }
+          }
+          viewBox="0 0 20 20"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+            fillRule="evenodd"
+          />
+        </svg>
+      </button>
+    </nav>
+  </header>
+</div>
+`;
diff --git a/src/__test__/__snapshots__/delete.test.js.snap b/src/__test__/__snapshots__/delete.test.js.snap
new file mode 100644
index 0000000..22a540c
--- /dev/null
+++ b/src/__test__/__snapshots__/delete.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="flex"
+/>
+`;
diff --git a/src/__test__/__snapshots__/navbar.test.js.snap b/src/__test__/__snapshots__/navbar.test.js.snap
new file mode 100644
index 0000000..c7fa325
--- /dev/null
+++ b/src/__test__/__snapshots__/navbar.test.js.snap
@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<header
+  className="my-navbar"
+>
+  <div
+    className="logout"
+  >
+    <button
+      className="logout-btn"
+      onClick={[Function]}
+      type="button"
+    >
+      Logout
+    </button>
+  </div>
+  <div
+    className="logo"
+  >
+    <img
+      alt="carsBnb Logo"
+      src="cars-bnb-logo.png"
+    />
+  </div>
+  <nav
+    className="menu"
+  >
+    <div
+      className="mobile-nav desktop-nav"
+    >
+      <div
+        className="my-nav-links"
+      >
+        <a
+          className=""
+          href="/cars"
+          onClick={[Function]}
+        >
+          CARS
+        </a>
+        <a
+          className=""
+          href="/addcar"
+          onClick={[Function]}
+        >
+          ADD CAR
+        </a>
+        <a
+          className=""
+          href="/cars/choose/reservations/add"
+          onClick={[Function]}
+        >
+          RESERVE
+        </a>
+        <a
+          className=""
+          href="/reservations"
+          onClick={[Function]}
+        >
+          MY RESERVATIONS
+        </a>
+        <a
+          className=""
+          href="/delete"
+          onClick={[Function]}
+        >
+          DELETE CAR
+        </a>
+      </div>
+      <div
+        className="nav-footer"
+      >
+        <div
+          className="nav-icons"
+        >
+          <a
+            href="/"
+            onClick={[Function]}
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              strokeWidth="0"
+              style={
+                Object {
+                  "color": undefined,
+                }
+              }
+              viewBox="0 0 512 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
+              />
+            </svg>
+          </a>
+          <a
+            href="/"
+            onClick={[Function]}
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              strokeWidth="0"
+              style={
+                Object {
+                  "color": undefined,
+                }
+              }
+              viewBox="0 0 320 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
+              />
+            </svg>
+          </a>
+          <a
+            href="/"
+            onClick={[Function]}
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              strokeWidth="0"
+              style={
+                Object {
+                  "color": undefined,
+                }
+              }
+              viewBox="0 0 640 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z"
+              />
+            </svg>
+          </a>
+          <a
+            href="/"
+            onClick={[Function]}
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              strokeWidth="0"
+              style={
+                Object {
+                  "color": undefined,
+                }
+              }
+              viewBox="0 0 448 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z"
+              />
+            </svg>
+          </a>
+          <a
+            href="/"
+            onClick={[Function]}
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              strokeWidth="0"
+              style={
+                Object {
+                  "color": undefined,
+                }
+              }
+              viewBox="0 0 496 512"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"
+              />
+            </svg>
+          </a>
+        </div>
+        <p>
+          2022 © All Rights Reserved
+        </p>
+      </div>
+    </div>
+    <button
+      className="hamburger"
+      type="button"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        strokeWidth="0"
+        style={
+          Object {
+            "color": undefined,
+          }
+        }
+        viewBox="0 0 20 20"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clipRule="evenodd"
+          d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+          fillRule="evenodd"
+        />
+      </svg>
+    </button>
+  </nav>
+</header>
+`;
diff --git a/src/__test__/__snapshots__/reservetion.test.js.snap b/src/__test__/__snapshots__/reservetion.test.js.snap
new file mode 100644
index 0000000..25e0456
--- /dev/null
+++ b/src/__test__/__snapshots__/reservetion.test.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test if header render correctly 1`] = `
+<div
+  className="container"
+>
+  <div
+    className="row"
+  >
+    <div
+      className="col-md-12"
+    >
+      <h1
+        className="text-center"
+      >
+        Reservations
+      </h1>
+      <div
+        className="row"
+      >
+        <div
+          className="loading"
+        >
+          <h4
+            className="text-center"
+          >
+            No reservations
+          </h4>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/__test__/addcars.test.js b/src/__test__/addcars.test.js
new file mode 100644
index 0000000..b7e5007
--- /dev/null
+++ b/src/__test__/addcars.test.js
@@ -0,0 +1,20 @@
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import Addcars from '../components/cars/addcars';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <Addcars />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/carcard.test.js b/src/__test__/carcard.test.js
new file mode 100644
index 0000000..0dd6bb4
--- /dev/null
+++ b/src/__test__/carcard.test.js
@@ -0,0 +1,20 @@
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import CarCard from '../components/cars/CarCard';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <CarCard />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/cars.test.js b/src/__test__/cars.test.js
new file mode 100644
index 0000000..af2ca3a
--- /dev/null
+++ b/src/__test__/cars.test.js
@@ -0,0 +1,20 @@
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import Cars from '../components/cars/Cars';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <Cars />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/carspage.test.js b/src/__test__/carspage.test.js
new file mode 100644
index 0000000..1921f57
--- /dev/null
+++ b/src/__test__/carspage.test.js
@@ -0,0 +1,20 @@
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import CarsPage from '../components/cars/CarsPage';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <CarsPage />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/delete.test.js b/src/__test__/delete.test.js
new file mode 100644
index 0000000..ad836b4
--- /dev/null
+++ b/src/__test__/delete.test.js
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import Delete from '../components/cars/Delete';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <Delete />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/navbar.test.js b/src/__test__/navbar.test.js
new file mode 100644
index 0000000..c53cf1f
--- /dev/null
+++ b/src/__test__/navbar.test.js
@@ -0,0 +1,20 @@
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import Navbar from '../components/navbar/Navbar';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <Navbar />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});
diff --git a/src/__test__/reservetion.test.js b/src/__test__/reservetion.test.js
new file mode 100644
index 0000000..6411f27
--- /dev/null
+++ b/src/__test__/reservetion.test.js
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router-dom';
+import renderer from 'react-test-renderer';
+import Reservation from '../components/reservation/Reservation';
+import store from '../redux/store';
+
+it('To check test is working', () => {
+  expect(true).toBe(true);
+});
+
+it('Test if header render correctly', () => {
+  const TREE = renderer.create(
+    <Provider store={store}>
+      <BrowserRouter>
+        <Reservation />
+      </BrowserRouter>
+    </Provider>,
+  );
+  expect(TREE).toMatchSnapshot();
+});