Nested routes for catalogue #1218

cypress/e2e/with_mock_data/catalogueItems.cy.ts

@@ -5,6 +5,14 @@ describe('Catalogue Items', () => {
   afterEach(() => {
     cy.clearMocks();
   });
+
+  it('should navigate back to the catalogue items table from the landing page using the breadcrumbs', () => {
+    cy.visit('/catalogue/5/items/89');
+
+    cy.findByRole('link', { name: 'Energy Meters' }).click();
+
+    cy.findByRole('button', { name: 'Add Catalogue Item' }).should('exist');
+  });
   it('adds a catalogue item', () => {
     cy.findByRole('button', { name: 'Add Catalogue Item' }).click();
 

src/catalogue/catalogueLayout.component.test.tsx

@@ -58,6 +58,24 @@ describe('Catalogue Layout', () => {
     expect(view.asFragment()).toMatchSnapshot();
   });
 
+  it('navigates to catalogue category table view', async () => {
+    createView('/catalogue/5/items/89', 'catalogueItem');
+    await waitFor(() => {
+      expect(
+        screen.getByRole('link', { name: 'Energy Meters' })
+      ).toBeInTheDocument();
+    });
+
+    const breadcrumb = screen.getByRole('link', {
+      name: 'Energy Meters',
+    });
+
+    await user.click(breadcrumb);
+
+    expect(mockedUseNavigate).toHaveBeenCalledTimes(1);
+    expect(mockedUseNavigate).toHaveBeenCalledWith('/catalogue/5/items');
+  });
+
   it('renders a catalogue items page correctly', async () => {
     const view = createView('/catalogue/4/items', 'catalogueItems');