refactor(pages): refine 404 page

* refresh topics and thematics list using hooks
* add Cypress tests

1 files changed, 31 insertions, 0 deletions

diff --git a/tests/cypress/e2e/pages/404.cy.ts b/tests/cypress/e2e/pages/404.cy.ts
new file mode 100644
index 0000000..7899275
--- /dev/null
+++ b/tests/cypress/e2e/pages/404.cy.ts
@@ -0,0 +1,31 @@
+import { ROUTES } from '../../../../src/utils/constants';
+
+describe('404 Page', () => {
+  beforeEach(() => {
+    cy.visit(ROUTES.NOT_FOUND, { failOnStatusCode: false });
+  });
+
+  it('successfully loads', () => {
+    cy.findByRole('heading', { level: 1 }).should(
+      'contain.text',
+      'Page non trouvée'
+    );
+  });
+
+  it('contains a breadcrumbs', () => {
+    cy.findByRole('navigation', { name: 'Fil d’Ariane' }).should('exist');
+  });
+
+  it('contains a thematics list widget and a topics list widget', () => {
+    cy.findByRole('heading', { level: 2, name: 'Thématiques' }).should('exist');
+    cy.findByRole('heading', { level: 2, name: 'Sujets' }).should('exist');
+  });
+
+  it('provides a form to search for keywords', () => {
+    const keywords = 'coldark';
+
+    cy.findByRole('searchbox').type(keywords);
+    cy.findByRole('button', { name: /Rechercher/ }).click();
+    cy.findByRole('heading', { level: 1 }).should('contain.text', keywords);
+  });
+});