diff --git a/apps/hpc-ftsadmin-e2e/src/fixtures/add-flow.json b/apps/hpc-ftsadmin-e2e/src/fixtures/add-flow.json
new file mode 100644
index 000000000..111ab8816
--- /dev/null
+++ b/apps/hpc-ftsadmin-e2e/src/fixtures/add-flow.json
@@ -0,0 +1,14 @@
+{
+  "test1": {
+    "add-flow-source-organization-field": "Germany, Government of",
+    "add-flow-source-usage-year-field": "2022",
+    "add-flow-destination-project-field": "apts627",
+    "add-flow-amount-USD-field": "8994018977",
+    "add-flow-original-currency-funding-amount-field": "200000000000000",
+    "add-flow-exchange-rate-field": "22237",
+    "add-flow-description-field": "GV, WASH EDU",
+    "add-flow-flow-status-field": "Commitment",
+    "add-flow-earmarking-field": "Unearmarked",
+    "add-flow-report-channel-field": "Other"
+  }
+}
diff --git a/apps/hpc-ftsadmin-e2e/src/support/commands.ts b/apps/hpc-ftsadmin-e2e/src/support/commands.ts
index 0ab74356a..2fb954eb2 100644
--- a/apps/hpc-ftsadmin-e2e/src/support/commands.ts
+++ b/apps/hpc-ftsadmin-e2e/src/support/commands.ts
@@ -17,6 +17,7 @@ declare global {
     interface Chainable<Subject> {
       login(username: string): void;
       getDummyData(): DummyData;
+      typedGet(dataTest: DataTest): Cypress.Chainable<JQuery<HTMLElement>>;
     }
   }
 }
@@ -60,3 +61,65 @@ Cypress.Commands.add('login', (username: string) => {
   const dataWithUser = { ...parsedData, currentUser: userIds[0] };
   localStorage.setItem(STORAGE_KEY, JSON.stringify(dataWithUser));
 });
+
+/*
+ * When removing data-test properties from code,
+ * please also remove it from here
+ */
+export type DataTest =
+  | 'flows-nav-button'
+  | 'flows-table'
+  | 'flows-table-checkbox'
+  | 'flows-table-id'
+  | 'flows-table-status'
+  | 'flows-table-updated'
+  | 'flows-table-external-reference'
+  | 'flows-table-amount-usd'
+  | 'flows-table-source-organization'
+  | 'flows-table-destination-organization'
+  | 'flows-table-plans'
+  | 'flows-table-locations'
+  | 'flows-table-years'
+  | 'flows-table-details'
+  | 'flows-table-newMoney'
+  | 'flows-table-decisionDate'
+  | 'flows-table-exchangeRate'
+  | 'flows-table-flowDate'
+  | 'flows-table-sourceSystemId'
+  | 'flows-table-reporterRefCode'
+  | 'flows-table-exchangeRate'
+  | 'flows-table-pagination'
+  | `flows-table-row-${number}v${number}` // flow.id v flow.versionID
+  | `flows-table-header-${string}` // TableHeadersProps<FlowHeaderID>.label as value
+  | 'pending-flows-nav-button'
+  | 'pending-flows-bulk-reject-button'
+  | 'keywords-nav-button'
+  | 'keywords-table-id'
+  | 'keywords-table-name'
+  | 'keywords-table-relatedFlows'
+  | 'keywords-table-public'
+  | `keywords-table-row-${number}` // keyword.id
+  | `keywords-table-header-${string}` // TableHeadersProps<KeywordHeaderID>.label as value
+  | 'organizations-nav-button'
+  | 'organizations-table-id'
+  | 'organizations-table-name'
+  | 'organizations-table-abbreviation'
+  | 'organizations-table-type'
+  | 'organizations-table-subType'
+  | 'organizations-table-location'
+  | 'organizations-table-created-by'
+  | 'organizations-table-updated-by'
+  | `keywords-table-row-${number}` // organization.id
+  | `organizations-table-header-${string}` // TableHeadersProps<OrganizationHeaderID>.label as value
+  | 'organizations-table-pagination';
+
+/*
+ * Command that makes the same as cy.get()
+ * but we use it for known elements.
+ *
+ * Ex: <div data-test="test"> test </div>
+ * Our type for dataTest will define "test" as a possible value
+ */
+Cypress.Commands.add('typedGet', (dataTest: DataTest) => {
+  return cy.get(`[data-test="${dataTest}"]`);
+});
diff --git a/apps/hpc-ftsadmin-e2e/src/support/select-component-utils.ts b/apps/hpc-ftsadmin-e2e/src/support/select-component-utils.ts
new file mode 100644
index 000000000..ecb067b78
--- /dev/null
+++ b/apps/hpc-ftsadmin-e2e/src/support/select-component-utils.ts
@@ -0,0 +1,3 @@
+export const selectOption = (option: string) => {
+  cy.contains('li', option).click();
+};
diff --git a/apps/hpc-ftsadmin-e2e/src/tests/add-flow.cy.ts b/apps/hpc-ftsadmin-e2e/src/tests/add-flow.cy.ts
new file mode 100644
index 000000000..36d03b5a6
--- /dev/null
+++ b/apps/hpc-ftsadmin-e2e/src/tests/add-flow.cy.ts
@@ -0,0 +1,151 @@
+import * as ADD_FLOW from '../fixtures/add-flow.json';
+import { selectOption } from '../support/select-component-utils';
+
+describe('hpc-ftsadmin add-flow', () => {
+  beforeEach(() => {
+    cy.visit('/');
+    cy.login('Admin User');
+    cy.visit('/');
+    cy.location('pathname').should('eq', '/flows');
+    cy.typedGet('add-flow-nav-button').click();
+    cy.location('pathname').should('eq', '/flow/add');
+  });
+
+  it('bulkRejectPendingFlows workflow', () => {
+    cy.typedGet('add-flow-source-organization-field').type(
+      ADD_FLOW['test1']['add-flow-source-organization-field']
+    );
+    selectOption(ADD_FLOW['test1']['add-flow-source-organization-field']);
+
+    cy.typedGet('add-flow-source-organization-field').should(
+      'contain',
+      ADD_FLOW['test1']['add-flow-source-organization-field']
+    );
+    cy.typedGet('add-flow-source-location-field').should('contain', 'Germany');
+
+    cy.typedGet('add-flow-source-usage-year-field').type(
+      ADD_FLOW['test1']['add-flow-source-usage-year-field']
+    );
+    selectOption(ADD_FLOW['test1']['add-flow-source-usage-year-field']);
+
+    cy.typedGet('add-flow-destination-project-field').type(
+      ADD_FLOW['test1']['add-flow-destination-project-field']
+    );
+    selectOption(ADD_FLOW['test1']['add-flow-destination-project-field']);
+
+    cy.typedGet('add-flow-destination-plan-field').should(
+      'contain',
+      'Afghanistan 2002 (ITAP for the Afghan People)'
+    );
+    cy.typedGet('add-flow-destination-global-cluster-field').should(
+      'contain',
+      'Multi-sector'
+    );
+    cy.typedGet('add-flow-destination-usage-year-field').should(
+      'contain',
+      '2022'
+    );
+    cy.typedGet('add-flow-destination-location-field').should(
+      'contain',
+      'Afghanistan'
+    );
+    cy.typedGet('add-flow-destination-organization-field').should(
+      'contain',
+      "United Nations Children's Fund"
+    );
+
+    /*
+     * Original Currency related testing
+     */
+
+    cy.typedGet('add-flow-original-currency-dropdown').click();
+
+    cy.typedGet('add-flow-original-currency-funding-amount-field').type(
+      ADD_FLOW['test1']['add-flow-original-currency-funding-amount-field']
+    );
+    cy.typedGet('add-flow-original-currency-field').click();
+    selectOption('LAK');
+
+    cy.typedGet('add-flow-exchange-rate-field').type(
+      ADD_FLOW['test1']['add-flow-exchange-rate-field']
+    );
+
+    cy.typedGet('add-flow-original-currency-button').should(
+      'contain.text',
+      'Calculate the funding amount in USD'
+    );
+    cy.typedGet('add-flow-original-currency-funding-amount-field').clear();
+
+    cy.typedGet('add-flow-amount-USD-field').type(
+      ADD_FLOW['test1']['add-flow-amount-USD-field']
+    );
+
+    cy.typedGet('add-flow-original-currency-button').should(
+      'contain.text',
+      'Calculate funding amount in its original currency'
+    );
+
+    cy.typedGet('add-flow-exchange-rate-field').clear();
+    cy.typedGet('add-flow-original-currency-funding-amount-field').type(
+      ADD_FLOW['test1']['add-flow-original-currency-funding-amount-field']
+    );
+
+    cy.typedGet('add-flow-original-currency-button').should(
+      'contain.text',
+      'Calculate the exchange rate'
+    );
+
+    cy.typedGet('add-flow-original-currency-button').should(
+      'contain.text',
+      'Calculate the exchange rate'
+    );
+    /*
+     * --------------------------------------------------------
+     */
+
+    cy.typedGet('add-flow-description-field').type(
+      ADD_FLOW['test1']['add-flow-description-field']
+    );
+
+    const date = new Date().toLocaleDateString('en-GB');
+    cy.typedGet('add-flow-first-reported-field').type(date);
+    cy.typedGet('add-flow-decision-date-field').type(date);
+
+    cy.typedGet('add-flow-flow-status-field').click();
+    selectOption('Commitment');
+
+    cy.typedGet('add-flow-flow-date-field').type(date);
+
+    // Properly write
+    cy.typedGet('add-flow-reported-by-organization-options').click();
+
+    cy.typedGet('add-flow-reported-channel-field').click();
+    selectOption('Fax');
+
+    cy.typedGet('add-flow-date-reported-field').should('contain', date);
+
+    cy.typedGet('add-flow-create-button').click();
+
+    cy.typedGet('add-flow-copy-button').click();
+
+    cy.typedGet('add-flow-title').should('contain', 'Copy');
+
+    cy.typedGet('add-flow-add-parent-flow-button').click();
+
+    // TODO: Get previous flow ID
+    cy.typedGet('add-flow-add-parent-flow-field').type('PREVIOUS FLOW ID');
+    selectOption('PREVIOUS FLOW ID');
+
+    cy.typedGet('add-flow-add-parent-flow-submit-button').click();
+
+    cy.typedGet('add-flow-parent-flow-table').should('exist');
+  });
+
+  /**
+   * TODO: Add more checking to the test once edit flow is in the app
+   */
+  it('Enter pending-flow', () => {
+    cy.typedGet('flows-table-row-305776v1').click();
+    cy.location('pathname').should('eq', '/flows/305776');
+  });
+});
diff --git a/apps/hpc-ftsadmin-e2e/src/tests/test.cy.ts b/apps/hpc-ftsadmin-e2e/src/tests/login.cy.ts
similarity index 100%
rename from apps/hpc-ftsadmin-e2e/src/tests/test.cy.ts
rename to apps/hpc-ftsadmin-e2e/src/tests/login.cy.ts
diff --git a/apps/hpc-ftsadmin-e2e/src/tests/pending-flow.cy.ts b/apps/hpc-ftsadmin-e2e/src/tests/pending-flow.cy.ts
new file mode 100644
index 000000000..60286d533
--- /dev/null
+++ b/apps/hpc-ftsadmin-e2e/src/tests/pending-flow.cy.ts
@@ -0,0 +1,30 @@
+describe('hpc-ftsadmin pending-flow', () => {
+  beforeEach(() => {
+    cy.visit('/');
+    cy.login('Admin User');
+    cy.visit('/');
+    cy.location('pathname').should('eq', '/flows');
+    cy.typedGet('pending-flows-nav-button').click();
+    cy.location('pathname').should('eq', '/pending-flows');
+  });
+
+  it('bulkRejectPendingFlows workflow', () => {
+    cy.typedGet('flows-table')
+      .find('input[type="checkbox"]')
+      .each(($checkbox) => {
+        cy.wrap($checkbox).click();
+      });
+
+    cy.typedGet('pending-flows-bulk-reject-button').click();
+    cy.contains('No results found');
+    cy.typedGet('flows-table').should('not.exist');
+  });
+
+  /**
+   * TODO: Add more checking to the test once edit flow is in the app
+   */
+  it('Enter pending-flow', () => {
+    cy.typedGet('flows-table-row-305776v1').click();
+    cy.location('pathname').should('eq', '/flows/305776');
+  });
+});
diff --git a/apps/hpc-ftsadmin-e2e/tsconfig.e2e.json b/apps/hpc-ftsadmin-e2e/tsconfig.e2e.json
index fdfc65e24..b5cd2a2fc 100644
--- a/apps/hpc-ftsadmin-e2e/tsconfig.e2e.json
+++ b/apps/hpc-ftsadmin-e2e/tsconfig.e2e.json
@@ -7,5 +7,10 @@
     "allowJs": true,
     "composite": true
   },
-  "include": ["**/*.ts", "**/*.js", "../../libs/hpc-dummy/src/index.ts"]
+  "include": [
+    "**/*.ts",
+    "**/*.js",
+    "../../libs/hpc-dummy/src/index.ts",
+    "./src/fixtures/*.json"
+  ]
 }
diff --git a/apps/hpc-ftsadmin/src/app/app.tsx b/apps/hpc-ftsadmin/src/app/app.tsx
index 88b5efa40..895eadda0 100644
--- a/apps/hpc-ftsadmin/src/app/app.tsx
+++ b/apps/hpc-ftsadmin/src/app/app.tsx
@@ -127,18 +127,22 @@ export const App = () => {
                           {
                             label: t.t(lang, (s) => s.navigation.flows),
                             path: paths.flows(),
+                            dataTest: 'flows-nav-button',
                           },
                           {
                             label: t.t(lang, (s) => s.navigation.pendingFlows),
                             path: paths.pendingFlows(),
+                            dataTest: 'pending-flows-nav-button',
                           },
                           {
                             label: t.t(lang, (s) => s.navigation.organizations),
                             path: paths.organizations(),
+                            dataTest: 'organizations-nav-button',
                           },
                           {
                             label: t.t(lang, (s) => s.navigation.keywords),
                             path: paths.keywords(),
+                            dataTest: 'keywords-nav-button',
                           },
                         ]}
                         className={CLASSES.CONTAINER.FLUID}
diff --git a/apps/hpc-ftsadmin/src/app/components/tables/flows-table.tsx b/apps/hpc-ftsadmin/src/app/components/tables/flows-table.tsx
index 7a8b5935c..9d200f6d1 100644
--- a/apps/hpc-ftsadmin/src/app/components/tables/flows-table.tsx
+++ b/apps/hpc-ftsadmin/src/app/components/tables/flows-table.tsx
@@ -241,6 +241,7 @@ export default function FlowsTable(props: FlowsTableProps) {
                 ? tw`bg-unocha-primary bg-opacity-10`
                 : undefined,
             }}
+            data-test={`flows-table-row-${row.id}v${row.versionID}`}
           >
             {props.pending && (
               <TableCell
@@ -636,7 +637,7 @@ export default function FlowsTable(props: FlowsTableProps) {
                 <TableCell
                   size="small"
                   key={`${header.identifierID}_${header.label}`}
-                  data-test={`header-${header.label}`}
+                  data-test={`flows-table-header-${header.label}`}
                   {...(header.sortable &&
                     query.orderBy === header.identifierID && {
                       'aria-sort':
@@ -677,7 +678,7 @@ export default function FlowsTable(props: FlowsTableProps) {
             })}
           </TableRow>
         </TableHead>
-        <TableBody>
+        <TableBody data-test="flows-table">
           <TableRowsComponent lang={lang} data={data} />
         </TableBody>
         <TableFooter />
@@ -750,6 +751,7 @@ export default function FlowsTable(props: FlowsTableProps) {
                         (s) => s.components.flowsTable.rejectPendingFlows.button
                       )}
                       displayLoading={loading}
+                      dataTest="pending-flows-bulk-reject-button"
                       onClick={() => submitForm()}
                     />
                   }
diff --git a/apps/hpc-ftsadmin/src/app/components/tables/keywords-table.tsx b/apps/hpc-ftsadmin/src/app/components/tables/keywords-table.tsx
index 837504c7d..8a7880736 100644
--- a/apps/hpc-ftsadmin/src/app/components/tables/keywords-table.tsx
+++ b/apps/hpc-ftsadmin/src/app/components/tables/keywords-table.tsx
@@ -300,7 +300,10 @@ export default function KeywordTable(props: KeywordTableProps) {
             )
           )
           .map((row) => (
-            <TableRow key={`${row.id}`}>
+            <TableRow
+              key={`${row.id}`}
+              data-test={`keywords-table-row-${row.id}`}
+            >
               {tableHeaders.map((column) => {
                 if (!column.active) {
                   return null;
@@ -313,7 +316,7 @@ export default function KeywordTable(props: KeywordTableProps) {
                         size="small"
                         component="th"
                         scope="row"
-                        data-test="keyword-table-id"
+                        data-test="keywords-table-id"
                       >
                         {row.id}
                       </TableCell>
@@ -325,7 +328,7 @@ export default function KeywordTable(props: KeywordTableProps) {
                         component="th"
                         size="small"
                         scope="row"
-                        data-test="keyword-table-name"
+                        data-test="keywords-table-name"
                       >
                         <EditableRow
                           lang={lang}
@@ -340,7 +343,7 @@ export default function KeywordTable(props: KeywordTableProps) {
                       <TableCell
                         key={`${row.id}_keyword.relatedFlows`}
                         size="small"
-                        data-test="_keyword-table-relatedFlows"
+                        data-test="keywords-table-relatedFlows"
                       >
                         {row.refCount}
                       </TableCell>
@@ -350,7 +353,7 @@ export default function KeywordTable(props: KeywordTableProps) {
                       <TableCell
                         key={`${row.id}_keyword.public`}
                         size="small"
-                        data-test="_keyword-table-public"
+                        data-test="keywords-table-public"
                       >
                         {row.description === 'public' ? <CheckIcon /> : '--'}
                       </TableCell>
@@ -392,7 +395,7 @@ export default function KeywordTable(props: KeywordTableProps) {
                 <TableCell
                   size="small"
                   key={`${header.identifierID}_${header.label}`}
-                  data-test={`header-${header.label}`}
+                  data-test={`keywords-table-header-${header.label}`}
                   {...(header.sortable &&
                     query.orderBy === header.identifierID && {
                       'aria-sort':
diff --git a/apps/hpc-ftsadmin/src/app/components/tables/organizations-table.tsx b/apps/hpc-ftsadmin/src/app/components/tables/organizations-table.tsx
index ee2cd9943..1f0063698 100644
--- a/apps/hpc-ftsadmin/src/app/components/tables/organizations-table.tsx
+++ b/apps/hpc-ftsadmin/src/app/components/tables/organizations-table.tsx
@@ -164,6 +164,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                 backgroundColor: tw`bg-unocha-primary bg-opacity-10`,
               },
             }}
+            data-test={`organizations-table-row-${row.id}`}
           >
             {tableHeaders.map((column) => {
               if (!column.active) {
@@ -177,7 +178,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                       size="small"
                       component="th"
                       scope="row"
-                      data-test="organization-table-id"
+                      data-test="organizations-table-id"
                     >
                       {row.id}
                     </TableCell>
@@ -189,7 +190,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                       component="th"
                       size="small"
                       scope="row"
-                      data-test="organization-table-name"
+                      data-test="organizations-table-name"
                     >
                       {row.name}
                     </TableCell>
@@ -199,7 +200,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.abbreviation`}
                       size="small"
-                      data-test="organization-table-abbreviation"
+                      data-test="organizations-table-abbreviation"
                     >
                       {row.abbreviation}
                     </TableCell>
@@ -209,7 +210,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.type`}
                       size="small"
-                      data-test="organization-table-type"
+                      data-test="organizations-table-type"
                     >
                       {(() => {
                         const res = row.categories.filter(
@@ -226,7 +227,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.subType`}
                       size="small"
-                      data-test="organization-table-subType"
+                      data-test="organizations-table-subType"
                     >
                       {(() => {
                         const res = row.categories.filter(
@@ -243,7 +244,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.location`}
                       size="small"
-                      data-test="organization-table-location"
+                      data-test="organizations-table-location"
                     >
                       {row.locations.length > 0
                         ? row.locations.map(
@@ -260,7 +261,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.createdBy`}
                       size="small"
-                      data-test="organization-table-created-by"
+                      data-test="organizations-table-created-by"
                     >
                       {parseUpdatedCreatedBy(row.create, lang)}
                       {}
@@ -271,7 +272,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                     <TableCell
                       key={`${row.id}_organization.updatedBy`}
                       size="small"
-                      data-test="organization-table-updated-by"
+                      data-test="organizations-table-updated-by"
                     >
                       {parseUpdatedCreatedBy(row.update, lang)}
                     </TableCell>
@@ -314,7 +315,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                 <TableCell
                   size="small"
                   key={`${header.identifierID}_${header.label}`}
-                  data-test={`header-${header.label}`}
+                  data-test={`organization-table-header-${header.label}`}
                   {...(header.sortable &&
                     query.orderBy === header.identifierID && {
                       'aria-sort':
@@ -508,7 +509,7 @@ export default function OrganizationTable(props: OrganizationTableProps) {
                 </Box>
                 <TablePagination
                   sx={{ display: 'block' }}
-                  data-test="flows-table-pagination"
+                  data-test="organization-table-pagination"
                   rowsPerPageOptions={rowsPerPageOptions}
                   component="div"
                   count={parseInt(data.count)}
diff --git a/libs/hpc-dummy/src/lib/data.ts b/libs/hpc-dummy/src/lib/data.ts
index 297b9d1f9..8d3bd60c0 100644
--- a/libs/hpc-dummy/src/lib/data.ts
+++ b/libs/hpc-dummy/src/lib/data.ts
@@ -2124,6 +2124,217 @@ export const INITIAL_DATA: DummyData = {
     },
   ],
   organizations: [
+    {
+      id: 4306,
+      name: 'Germany, Government of',
+      nativeName: 'Government of Germany',
+      abbreviation: 'Germany',
+      url: null,
+      parentID: null,
+      comments: null,
+      verified: true,
+      notes: null,
+      active: true,
+      collectiveInd: false,
+      newOrganizationId: null,
+      createdAt: '2017-01-14T00:54:01.967Z',
+      updatedAt: '2022-04-05T14:10:10.924Z',
+      deletedAt: null,
+      categories: [
+        {
+          id: 114,
+          name: 'Governments',
+          description: null,
+          parentID: null,
+          code: null,
+          group: 'organizationType',
+          includeTotals: null,
+          createdAt: '2017-01-13T22:18:02.200Z',
+          updatedAt: '2022-12-15T15:17:12.861Z',
+          categoryRef: {
+            objectID: 4306,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 114,
+            createdAt: '2017-01-14T00:57:46.365Z',
+            updatedAt: '2017-01-14T00:57:46.365Z',
+          },
+        },
+        {
+          id: 132,
+          name: 'National Governments',
+          description: null,
+          parentID: 114,
+          code: null,
+          group: 'organizationType',
+          includeTotals: null,
+          createdAt: '2017-01-13T22:18:02.738Z',
+          updatedAt: '2022-12-15T15:17:12.892Z',
+          categoryRef: {
+            objectID: 4306,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 132,
+            createdAt: '2017-01-14T00:57:47.983Z',
+            updatedAt: '2017-01-14T00:57:47.983Z',
+          },
+        },
+        {
+          id: 1803,
+          name: 'National and Sub-National State Actors',
+          description: null,
+          parentID: null,
+          code: null,
+          group: 'organizationLevel',
+          includeTotals: null,
+          createdAt: '2022-12-15T15:17:12.838Z',
+          updatedAt: '2022-12-15T15:17:12.838Z',
+          categoryRef: {
+            objectID: 4306,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 1803,
+            createdAt: '2022-12-15T15:17:13.078Z',
+            updatedAt: '2022-12-15T15:17:13.078Z',
+          },
+        },
+        {
+          id: 1806,
+          name: 'National Governments',
+          description: null,
+          parentID: 1803,
+          code: null,
+          group: 'organizationLevel',
+          includeTotals: null,
+          createdAt: '2022-12-15T15:17:12.895Z',
+          updatedAt: '2022-12-15T15:17:12.895Z',
+          categoryRef: {
+            objectID: 4306,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 1806,
+            createdAt: '2022-12-15T15:17:13.078Z',
+            updatedAt: '2022-12-15T15:17:13.078Z',
+          },
+        },
+      ],
+      locations: [
+        {
+          id: 83,
+          externalId: '263',
+          name: 'Germany',
+          adminLevel: 0,
+          latitude: 51.08227882287,
+          longitude: 10.375158587421,
+          iso3: 'DEU',
+          pcode: null,
+          validOn: null,
+          status: 'active',
+          itosSync: true,
+          createdAt: '2015-09-10T20:25:10.070Z',
+          updatedAt: '2023-08-27T00:05:06.256Z',
+          parentId: null,
+        },
+      ],
+      parent: null,
+    },
+    {
+      id: 2915,
+      name: "United Nations Children's Fund",
+      nativeName:
+        "United Nations Children's Fund formerly United Nations International Children's Emergency Fund",
+      abbreviation: 'UNICEF',
+      url: 'https://www.unicef.org/',
+      parentID: null,
+      comments:
+        'UNICEF works in over 190 countries and territories to save children’s lives, to defend their rights, and to help them fulfil their potential, from early childhood through adolescence. And we never give up.',
+      verified: true,
+      notes: null,
+      active: true,
+      collectiveInd: false,
+      newOrganizationId: null,
+      createdAt: '2017-01-14T00:53:57.358Z',
+      updatedAt: '2023-04-23T12:03:56.439Z',
+      deletedAt: null,
+      categories: [
+        {
+          id: 1822,
+          name: 'UN Agencies',
+          description: null,
+          parentID: 1804,
+          code: null,
+          group: 'organizationLevel',
+          includeTotals: null,
+          createdAt: '2022-12-15T15:17:28.230Z',
+          updatedAt: '2022-12-15T15:17:28.230Z',
+          categoryRef: {
+            objectID: 2915,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 1822,
+            createdAt: '2022-12-15T15:17:28.257Z',
+            updatedAt: '2022-12-15T15:17:28.257Z',
+          },
+        },
+        {
+          id: 116,
+          name: 'Multilateral Organizations',
+          description: null,
+          parentID: null,
+          code: null,
+          group: 'organizationType',
+          includeTotals: null,
+          createdAt: '2017-01-13T22:18:02.282Z',
+          updatedAt: '2022-12-15T15:17:12.882Z',
+          categoryRef: {
+            objectID: 2915,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 116,
+            createdAt: '2017-01-14T00:57:01.596Z',
+            updatedAt: '2017-01-14T00:57:01.596Z',
+          },
+        },
+        {
+          id: 1804,
+          name: 'International Actors',
+          description: null,
+          parentID: null,
+          code: null,
+          group: 'organizationLevel',
+          includeTotals: null,
+          createdAt: '2022-12-15T15:17:12.844Z',
+          updatedAt: '2022-12-15T15:17:12.844Z',
+          categoryRef: {
+            objectID: 2915,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 1804,
+            createdAt: '2022-12-15T15:17:28.257Z',
+            updatedAt: '2022-12-15T15:17:28.257Z',
+          },
+        },
+        {
+          id: 1821,
+          name: 'UN Agencies',
+          description: null,
+          parentID: 116,
+          code: null,
+          group: 'organizationType',
+          includeTotals: null,
+          createdAt: '2022-12-15T15:17:28.228Z',
+          updatedAt: '2022-12-15T15:17:28.228Z',
+          categoryRef: {
+            objectID: 2915,
+            versionID: 1,
+            objectType: 'organization',
+            categoryID: 1821,
+            createdAt: '2022-12-15T15:17:28.257Z',
+            updatedAt: '2022-12-15T15:17:28.257Z',
+          },
+        },
+      ],
+    },
     {
       id: 9093,
       name: 'Association pour le Secours et le Développement',
@@ -3003,6 +3214,29 @@ export const INITIAL_DATA: DummyData = {
       latestTaggedVersion: true,
       versionTags: ['1.0'],
     },
+    {
+      id: 92,
+      restricted: false,
+      revisionState: null,
+      createdAt: '2017-01-14T00:52:54.758Z',
+      updatedAt: '2017-02-22T17:18:18.812Z',
+      planVersionId: 50,
+      planId: 92,
+      name: 'Afghanistan 2002 (ITAP for the Afghan People)',
+      startDate: '2001-10-01',
+      endDate: '2002-12-31',
+      comments: null,
+      isForHPCProjects: false,
+      code: 'CAFG0102',
+      customLocationCode: null,
+      currentReportingPeriodId: null,
+      lastPublishedReportingPeriodId: null,
+      clusterSelectionType: null,
+      currentVersion: true,
+      latestVersion: true,
+      latestTaggedVersion: true,
+      versionTags: ['1.0'],
+    },
   ],
   projects: [
     {
diff --git a/libs/hpc-ui/src/lib/components/button.tsx b/libs/hpc-ui/src/lib/components/button.tsx
index 6bdbee5b2..d92928964 100644
--- a/libs/hpc-ui/src/lib/components/button.tsx
+++ b/libs/hpc-ui/src/lib/components/button.tsx
@@ -58,6 +58,7 @@ interface Props {
   active?: boolean;
   condensed?: boolean;
   autoFocus?: boolean;
+  dataTest?: string;
 }
 
 const BaseButton = (props: Props) => {
@@ -73,6 +74,7 @@ const BaseButton = (props: Props) => {
     active,
     condensed,
     autoFocus,
+    dataTest,
   } = props;
 
   const [focused, setFocused] = useState(false);
@@ -108,6 +110,7 @@ const BaseButton = (props: Props) => {
       className={className}
       onClick={behaviour.onClick}
       ref={ref as React.RefObject<HTMLButtonElement>}
+      data-test={dataTest}
     >
       {contents}
     </button>
@@ -117,6 +120,7 @@ const BaseButton = (props: Props) => {
       onClick={behaviour.onClick}
       type={behaviour.type}
       ref={ref as React.RefObject<HTMLButtonElement>}
+      data-test={dataTest}
     >
       {contents}
     </button>
@@ -125,6 +129,7 @@ const BaseButton = (props: Props) => {
       className={className}
       to={behaviour.to}
       ref={ref as React.RefObject<HTMLAnchorElement>}
+      data-test={dataTest}
     >
       {contents}
     </Link>
diff --git a/libs/hpc-ui/src/lib/components/main-navigation.tsx b/libs/hpc-ui/src/lib/components/main-navigation.tsx
index c5d6fd871..5e619f745 100644
--- a/libs/hpc-ui/src/lib/components/main-navigation.tsx
+++ b/libs/hpc-ui/src/lib/components/main-navigation.tsx
@@ -29,6 +29,7 @@ interface Props {
         path: string;
         label: string;
         selected?: boolean;
+        dataTest?: string;
       }
     | null
     | undefined
@@ -167,7 +168,11 @@ export default (props: Props) => {
               loc.pathname.startsWith(tab.path + '/')
             : tab.selected;
         return (
-          <li key={i} className={selected ? CLS.SELECTED : ''}>
+          <li
+            key={i}
+            className={selected ? CLS.SELECTED : ''}
+            data-test={tab.dataTest}
+          >
             <Link to={tab.path}>
               <span>{tab.label}</span>
             </Link>