diff --git a/__mocks__/obs-base-table.mock.ts b/__mocks__/obs-base-table.mock.ts
new file mode 100644
index 000000000..057c443ba
--- /dev/null
+++ b/__mocks__/obs-base-table.mock.ts
@@ -0,0 +1,429 @@
+export const tableHeaders = [
+  {
+    key: 'date',
+    header: 'Enrollment/Re-enrollment Date',
+  },
+  {
+    key: 'clientDescription',
+    header: 'Patient Type at Enrollment',
+  },
+  {
+    key: 'dateConfirmedPositive',
+    header: 'Date Confirmed HIV Positive',
+  },
+  {
+    key: 'entryPoint',
+    header: 'Entry Point',
+  },
+  {
+    key: 'populationCategory',
+    header: 'Population Category',
+  },
+  {
+    key: 'actions',
+    header: 'Actions',
+  },
+];
+
+export const tableRows = [
+  {
+    id: '687d4066-462b-4838-802d-30f3fb53bc83',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '09 — Oct — 2023',
+    clientDescription: 'Mother enrolled in prevention of maternal to child transmission (PMTCT) program',
+    dateConfirmedPositive: '--',
+    entryPoint: 'Private home-based care',
+    populationCategory: 'Target population',
+  },
+  {
+    id: 'c03760e4-913d-40d5-b86c-8451c8366262',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '09 — Oct — 2023',
+    clientDescription: 'Transfer-in',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'Target population',
+  },
+  {
+    id: '12473bbe-f24a-401f-9bcb-fac2497e1ec6',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '09 — Oct — 2023',
+    clientDescription: 'Transfer-in',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'Target population',
+  },
+  {
+    id: '1cdae5df-d183-47a6-9784-337e4378fc7b',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '09 — Oct — 2023',
+    clientDescription: 'Transfer-in',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'Target population',
+  },
+  {
+    id: '97ede60c-9216-4604-9527-abc3e20b3f48',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '--',
+    clientDescription: 'Mother enrolled in prevention of maternal to child transmission (PMTCT) program',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+  {
+    id: 'c7cdc574-b518-4694-89fa-e1aa5d4a56e7',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '06 — Oct — 2023',
+    clientDescription: 're-enrol',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+  {
+    id: '99820023-6a94-43c0-8c75-07308a39d751',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '06 — Oct — 2023',
+    clientDescription: 're-enrol',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+  {
+    id: '92173c27-9b04-4b8b-a75e-e5aff814eafa',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '06 — Oct — 2023',
+    clientDescription: 're-enrol',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+  {
+    id: '9ec831a1-bc59-484f-9be7-ec01981a7e1e',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '01 — Oct — 2023',
+    clientDescription: 'New client',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+  {
+    id: '537974e8-e2ea-4eff-b757-b54d732e21d5',
+    actions: {
+      key: null,
+      ref: null,
+      props: {
+        flipped: true,
+        children: [
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'View details',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+          {
+            key: null,
+            ref: null,
+            props: {
+              itemText: 'Edit Form',
+              hasDivider: false,
+              isDelete: false,
+              disabled: false,
+            },
+            _owner: null,
+          },
+        ],
+      },
+      _owner: null,
+    },
+    date: '01 — Oct — 2023',
+    clientDescription: 'New client',
+    dateConfirmedPositive: '--',
+    entryPoint: '--',
+    populationCategory: 'General population',
+  },
+];