Initial not-found page

Opetushallitus · Apr 5, 2024 · 89f044e · 89f044e
1 parent 2f5e647
commit 89f044e
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 1 deletion.
diff --git a/src/app/lib/configuration.ts b/src/app/lib/configuration.ts
@@ -12,7 +12,7 @@ interface Configuration  {
 
 export const configuration: Configuration = {
     serviceUrl: process.env.SERVICE_URL || 'http://localhost:3404',
-    loginUrl: process.env.LOGIN_URL || 'https://virkailija.untuvaopintopolku.fi/cas/login?service=http://localhost:3404/api/login',
+    loginUrl: process.env.LOGIN_URL || 'https://virkailija.untuvaopintopolku.fi/cas/login?service=http://ataru-virkailija.kehittajan-oma-kone.untuvaopintopolku.fi:3404/api/login',
     sessionCookie: process.env.SESSION_COOKIE || 'JSESSIONID',
     hautUrl: `${DOMAIN}/kouta-internal/haku/search`,
     hakuUrl: `${DOMAIN}/kouta-internal/haku`,

diff --git a/src/app/not-found.js b/src/app/not-found.js
@@ -0,0 +1,45 @@
+import { Grid, Button, Typography } from '@mui/material';
+
+export default function Custom404() {
+  return (
+    <Grid
+    container
+    direction="column"
+    justifyContent="center"
+    alignItems="center"
+    spacing={5}
+    sx={{textAlign: 'center', paddingTop: '132px', paddingBottom: '132px'}}>
+      <Grid item>
+        <Typography variant="h1" component="h1" color="secondary">
+          404
+        </Typography>
+      </Grid>
+      <Grid item>
+        <Typography variant="h2" component="h2">
+          Sivua ei löytynyt
+        </Typography>
+        <Typography variant="body1" paragraph>
+          Linkki on virheellinen tai vanhentunut.
+        </Typography>
+      </Grid>
+      <Grid item>
+        <Grid
+          container
+          direction="row"
+          justifyContent="center"
+          alignItems="center"
+          spacing={2}>
+          <Grid item>
+            <Button
+              variant="contained"
+              aria-label="Palaa etusivulle"
+              color="primary"
+              href="/">
+              Palaa etusivulle
+            </Button>
+          </Grid>
+        </Grid>
+      </Grid>
+    </Grid>
+    )
+}
diff --git a/tests/e2e/index.spec.ts b/tests/e2e/index.spec.ts
@@ -5,3 +5,10 @@ test('has title', async ({ page }) => {
 
   await expect(page).toHaveTitle(/Valintojen Toteuttaminen/);
 });
+
+test('not found page', async ({ page }) => {
+  await page.goto('http://localhost:3404/mimic-treasure-chest');
+  await expect(page.locator('h1')).toContainText('404');
+  await page.locator('a').click();
+  await expect(page.locator('h1')).toContainText(/Valintojen Toteuttaminen/);
+});