500 e2e tests

cypress/integration/tests/500.cy.tsx

@@ -0,0 +1,27 @@
+describe('Custom 500 page should', () => {
+  before(() => {
+    cy.cleanUpTestState();
+  });
+
+  beforeEach(() => {
+    cy.visit('/500', { failOnStatusCode: false });
+  });
+
+  it('Should display', () => {
+    cy.checkImage(
+      `Illustration of a person's face and shoulders, with big leaves and flowers blooming above them`,
+      'illustration_bloom_head',
+    );
+    cy.get('h1').contains('500 - Internal error');
+    cy.get('p').contains(
+      'Hmm, something went wrong there. Please go back and try again. Get in touch via the contact form if the error continues.',
+    );
+  });
+
+  it('Should be redirected to courses when clicking Back to welcome page', () => {
+    const buttonText = 'Back to welcome page';
+    cy.checkLink('/login', buttonText);
+    cy.get('a').contains(buttonText).click();
+    cy.checkPageUrl('courses');
+  });
+});

pages/500.tsx

@@ -38,7 +38,7 @@ const Custom500: NextPage = () => {
         <title>{t('500.title')}</title>
       </Head>
       <Box sx={imageContainerStyle}>
-        <Image alt={t('alt.bloomLogo')} src={bloomHead} fill sizes="100vw" />
+        <Image alt={t('alt.bloomHead')} src={bloomHead} fill sizes="100vw" />
       </Box>
       <Typography variant="h1" component="h1">
         {t('500.title')}