From 8b7da19add732ba163471bb74167879a31c7d14f Mon Sep 17 00:00:00 2001
From: SanttuA <santtualatalo@gmail.com>
Date: Fri, 15 Sep 2023 10:29:02 +0300
Subject: [PATCH] Fixed heading level skip in not found page

Changed html heading used for styling purposes to `p` element with similar css styles
---
 app/pages/not-found/NotFoundPage.js      |  2 +-
 app/pages/not-found/NotFoundPage.spec.js | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/pages/not-found/NotFoundPage.js b/app/pages/not-found/NotFoundPage.js
index 41a534f43..a88fea0d6 100644
--- a/app/pages/not-found/NotFoundPage.js
+++ b/app/pages/not-found/NotFoundPage.js
@@ -15,7 +15,7 @@ function NotFoundPage({ t }) {
         <h1>{t('NotFoundPage.title')}</h1>
         <p className="lead">{t('NotFoundPage.lead')}</p>
         <Well>
-          <h5>{t('NotFoundPage.helpHeader')}</h5>
+          <p className="h4">{t('NotFoundPage.helpHeader')}</p>
           <ul>
             <li>
               <FormattedMessage
diff --git a/app/pages/not-found/NotFoundPage.spec.js b/app/pages/not-found/NotFoundPage.spec.js
index 8b916765b..31b188107 100644
--- a/app/pages/not-found/NotFoundPage.spec.js
+++ b/app/pages/not-found/NotFoundPage.spec.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import Well from 'react-bootstrap/lib/Well';
 
 import PageWrapper from 'pages/PageWrapper';
 import { shallowWithIntl } from 'utils/testUtils';
@@ -20,6 +21,18 @@ describe('pages/not-found/NotFoundPage', () => {
     expect(h1.props().children).toBe('NotFoundPage.title');
   });
 
+  test('renders a Well component', () => {
+    const well = getWrapper().find(Well);
+    expect(well.length).toBe(1);
+  });
+
+  test('renders correct help header text within Well', () => {
+    const p = getWrapper().find(Well).find('p');
+    expect(p.length).toBe(1);
+    expect(p.prop('className')).toBe('h4');
+    expect(p.props().children).toBe('NotFoundPage.helpHeader');
+  });
+
   test('renders a list and list elements for displaying help to user', () => {
     const ul = getWrapper().find('ul');
     const lis = getWrapper().find('li');