diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap
new file mode 100644
index 0000000..9cc4c07
--- /dev/null
+++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomForm.test.tsx.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RoomForm Should render correctly 1`] = `
+<form
+  className="sc-dlniIP bCPNqw"
+  onSubmit={[Function]}
+>
+  <div
+    className="sc-eCAqax eozPUK"
+  >
+    <label
+      className="sc-jSFipO cMYxin"
+    >
+      Name
+    </label>
+    <div>
+      <input
+        className="sc-gtsqUy fGZPSU"
+        id="name"
+        name="name"
+        onBlur={[Function]}
+        onChange={[Function]}
+        type="text"
+      />
+    </div>
+  </div>
+  <div
+    className="sc-eCAqax eozPUK"
+  >
+    <label
+      className="sc-jSFipO cMYxin"
+    >
+      Price
+    </label>
+    <div>
+      <input
+        className="sc-gtsqUy fGZPSU"
+        id="price"
+        name="price"
+        onBlur={[Function]}
+        onChange={[Function]}
+        type="text"
+      />
+    </div>
+  </div>
+  <div
+    className="sc-hKFymg dteuGK"
+  >
+    <button
+      className="sc-bdnyFh sc-iCoHzw hHmoPp jAHgeA"
+      disabled={false}
+      name="submit"
+      type="submit"
+      variations="primary"
+    >
+      Add
+    </button>
+    <button
+      className="sc-bdnyFh sc-iCoHzw bjdOKm jAHgeA"
+      type="button"
+      variations="secondary"
+    >
+      Close
+    </button>
+  </div>
+</form>
+`;
diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap
new file mode 100644
index 0000000..228a2f7
--- /dev/null
+++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomRow.test.tsx.snap
@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RoomRow Should render correctly 1`] = `
+<div
+  className="sc-crzpnZ sc-bqGGcD gIMFtm jqrNRF"
+>
+  <div>
+    1
+  </div>
+  <div>
+    Temp Room
+  </div>
+  <div>
+    $250.00
+  </div>
+  <div>
+    Unavailable
+  </div>
+  <div>
+    <div
+      className="sc-fnVZQs CCxtf"
+    >
+      <button
+        aria-label="Menu item 1"
+        className="sc-bkbjWr fCztjK"
+        onClick={[Function]}
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          strokeWidth="0"
+          style={
+            {
+              "color": undefined,
+            }
+          }
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M10.5 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm0 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm0 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"
+            fillRule="evenodd"
+          />
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap
new file mode 100644
index 0000000..86243e4
--- /dev/null
+++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/RoomTable.test.tsx.snap
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RoomTable Should render correctly 1`] = `
+<div
+  className="sc-iJCSeZ crZyCc"
+  type="vertical"
+>
+  <div
+    className="sc-lmgPJu cuMSiO"
+  >
+    <div
+      className="sc-crzpnZ iahNiP"
+    >
+      <button
+        active={true}
+        className="sc-dItHI guVVWw"
+        disabled={true}
+        onClick={[Function]}
+      >
+        Ascending
+      </button>
+      <button
+        active={false}
+        className="sc-dItHI fIRqtD"
+        disabled={false}
+        onClick={[Function]}
+      >
+        Descending
+      </button>
+    </div>
+    <select
+      aria-label="Sort"
+      className="sc-iqAbyq czAJZn"
+      onChange={[Function]}
+      value=""
+    >
+      <option
+        value="id"
+      >
+        Sort by id
+      </option>
+      <option
+        value="name"
+      >
+        Sort by name
+      </option>
+      <option
+        value="price"
+      >
+        Sort by price
+      </option>
+    </select>
+    <input
+      className="sc-kEqXeH jMVPeG"
+      onChange={[Function]}
+      placeholder="Search by name..."
+    />
+  </div>
+  <div
+    className="sc-giAruI hMNXks"
+  />
+</div>
+`;
diff --git a/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap b/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap
new file mode 100644
index 0000000..6fb4c8d
--- /dev/null
+++ b/hotel-management/src/pages/Room/__tests__/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,84 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Room Should render correctly 1`] = `
+<main
+  className="sc-iwaiBT gPCYSC"
+>
+  <div
+    className="sc-iJCSeZ jDHUlN"
+    type="horizontal"
+  >
+    <h2
+      className="sc-cxNGUP ffcGOQ"
+    >
+      List Room
+    </h2>
+    <button
+      className="sc-bqGGcD cVmQmy"
+      onClick={[Function]}
+      variations="primary"
+    >
+      Add room
+    </button>
+  </div>
+  <div
+    className="sc-iJCSeZ crZyCc"
+    type="vertical"
+  >
+    <div
+      className="sc-lmgPJu cuMSiO"
+    >
+      <div
+        className="sc-crzpnZ iahNiP"
+      >
+        <button
+          active={true}
+          className="sc-dItHI guVVWw"
+          disabled={true}
+          onClick={[Function]}
+        >
+          Ascending
+        </button>
+        <button
+          active={false}
+          className="sc-dItHI fIRqtD"
+          disabled={false}
+          onClick={[Function]}
+        >
+          Descending
+        </button>
+      </div>
+      <select
+        aria-label="Sort"
+        className="sc-iqAbyq czAJZn"
+        onChange={[Function]}
+        value=""
+      >
+        <option
+          value="id"
+        >
+          Sort by id
+        </option>
+        <option
+          value="name"
+        >
+          Sort by name
+        </option>
+        <option
+          value="price"
+        >
+          Sort by price
+        </option>
+      </select>
+      <input
+        className="sc-kEqXeH jMVPeG"
+        onChange={[Function]}
+        placeholder="Search by name..."
+      />
+    </div>
+    <div
+      className="sc-giAruI hMNXks"
+    />
+  </div>
+</main>
+`;
diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap
new file mode 100644
index 0000000..edcd103
--- /dev/null
+++ b/hotel-management/src/pages/User/__tests__/__snapshots__/UserForm.test.tsx.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UserForm Should render correctly 1`] = `
+<form
+  className="sc-gtsqUy jMGskL"
+  onSubmit={[Function]}
+>
+  <div
+    className="sc-hKFymg frexHr"
+  >
+    <label
+      className="sc-eCAqax dnXnhF"
+    >
+      Full Name
+    </label>
+    <div>
+      <input
+        className="sc-bdnyFh gejiRq"
+        id="name"
+        name="name"
+        onBlur={[Function]}
+        onChange={[Function]}
+        type="text"
+      />
+    </div>
+  </div>
+  <div
+    className="sc-hKFymg frexHr"
+  >
+    <label
+      className="sc-eCAqax dnXnhF"
+    >
+      Phone
+    </label>
+    <div>
+      <input
+        className="sc-bdnyFh gejiRq"
+        id="phone"
+        name="phone"
+        onBlur={[Function]}
+        onChange={[Function]}
+        type="text"
+      />
+    </div>
+  </div>
+  <div
+    className="sc-dlniIP hBqqvG"
+  >
+    <button
+      className="sc-gKAaef sc-jrsKJM gifCOZ KLoQf"
+      disabled={true}
+      name="submit"
+      type="submit"
+      variations="primary"
+    >
+      Add
+    </button>
+    <button
+      className="sc-gKAaef sc-jrsKJM gbgZUe KLoQf"
+      type="button"
+      variations="secondary"
+    >
+      Close
+    </button>
+  </div>
+</form>
+`;
diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap
new file mode 100644
index 0000000..c6b759a
--- /dev/null
+++ b/hotel-management/src/pages/User/__tests__/__snapshots__/UserRow.test.tsx.snap
@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UserRow Should render correctly 1`] = `
+<div
+  className="sc-jSFipO sc-iCoHzw hTfHNc eWZMfB"
+>
+  <div>
+    1
+  </div>
+  <div>
+    Temp Room
+  </div>
+  <div>
+    0324421232
+  </div>
+  <div>
+    No
+  </div>
+  <div>
+    <div
+      className="sc-jrsKJM cdPhia"
+    >
+      <button
+        aria-label="Menu item 1"
+        className="sc-iqAbyq fyjyXl"
+        onClick={[Function]}
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          strokeWidth="0"
+          style={
+            {
+              "color": undefined,
+            }
+          }
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M10.5 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm0 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm0 6a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"
+            fillRule="evenodd"
+          />
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap b/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap
new file mode 100644
index 0000000..1f7ea38
--- /dev/null
+++ b/hotel-management/src/pages/User/__tests__/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,84 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`User Should render correctly 1`] = `
+<main
+  className="sc-fKgKDd iDHRyD"
+>
+  <div
+    className="sc-lmgPJu bFEqIE"
+    type="horizontal"
+  >
+    <h2
+      className="sc-bCwene htGYaf"
+    >
+      List User
+    </h2>
+    <button
+      className="sc-kfYpNk QIeuT"
+      onClick={[Function]}
+      variations="primary"
+    >
+      Add user
+    </button>
+  </div>
+  <div
+    className="sc-lmgPJu hehIVl"
+    type="vertical"
+  >
+    <div
+      className="sc-iwaiBT eOzYWb"
+    >
+      <div
+        className="sc-crzpnZ iahNiP"
+      >
+        <button
+          active={true}
+          className="sc-dItHI guVVWw"
+          disabled={true}
+          onClick={[Function]}
+        >
+          Ascending
+        </button>
+        <button
+          active={false}
+          className="sc-dItHI fIRqtD"
+          disabled={false}
+          onClick={[Function]}
+        >
+          Descending
+        </button>
+      </div>
+      <select
+        aria-label="Sort"
+        className="sc-iqAbyq czAJZn"
+        onChange={[Function]}
+        value=""
+      >
+        <option
+          value="id"
+        >
+          Sort by id
+        </option>
+        <option
+          value="name"
+        >
+          Sort by name
+        </option>
+        <option
+          value="phone"
+        >
+          Sort by phone
+        </option>
+      </select>
+      <input
+        className="sc-kEqXeH jMVPeG"
+        onChange={[Function]}
+        placeholder="Search by phone..."
+      />
+    </div>
+    <div
+      className="sc-iJCSeZ gDbWTd"
+    />
+  </div>
+</main>
+`;