refactor: simplify mocking by removing reliance on HAR files

web/frontend/tests/footer.spec.ts

@@ -1,20 +1,16 @@
 import { expect, test } from '@playwright/test';
 import { default as i18n } from 'i18next';
 import { initI18n, setUp } from './shared';
-import { UPDATE, mockPersonalInfo } from './mocks';
+import { mockPersonalInfo } from './mocks';
 
 initI18n();
 
 test.beforeEach(async ({ page }) => {
-  if (UPDATE === true) {
-    return;
-  }
   await mockPersonalInfo(page);
   await setUp(page, '/about');
 });
 
 test('Assert copyright notice is visible', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   const footerCopyright = await page.getByTestId('footerCopyright');
   await expect(footerCopyright).toBeVisible();
   await expect(footerCopyright).toHaveText(
@@ -23,7 +19,6 @@ test('Assert copyright notice is visible', async ({ page }) => {
 });
 
 test('Assert version information is visible', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   const footerVersion = await page.getByTestId('footerVersion');
   await expect(footerVersion).toBeVisible();
   await expect(footerVersion).toHaveText(

web/frontend/tests/formIndex.spec.ts

@@ -1,14 +1,11 @@
 import { expect, test } from '@playwright/test';
 import { default as i18n } from 'i18next';
 import { assertHasFooter, assertHasNavBar, initI18n, setUp } from './shared';
-import { UPDATE, mockPersonalInfo, mockEvoting } from './mocks';
+import { mockPersonalInfo, mockEvoting } from './mocks';
 
 initI18n();
 
 test.beforeEach(async ({ page }) => {
-  if (UPDATE === true) {
-    return;
-  }
   // mock empty list per default
   await mockEvoting(page);
   await mockPersonalInfo(page);
@@ -18,34 +15,29 @@ test.beforeEach(async ({ page }) => {
 // main elements
 
 test('Assert navigation bar is present', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   await assertHasNavBar(page);
 });
 
 test('Assert footer is present', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   await assertHasFooter(page);
 });
 
 // pagination bar
 
 test('Assert pagination bar is present', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   await expect(page.getByTestId('navPagination')).toBeVisible();
   await expect(page.getByRole('button', { name: i18n.t('previous') })).toBeVisible();
   await expect(page.getByRole('button', { name: i18n.t('next') })).toBeVisible();
 });
 
 test('Assert pagination works correctly for empty list', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   await expect(page.getByTestId('navPaginationMessage')).toHaveText(i18n.t('showingNOverMOfXResults', { n: 1, m: 1, x: 0 }));
   for (let key of ['next', 'previous']) {
     await expect(page.getByRole('button', { name: i18n.t(key) })).toBeDisabled();
   }
 });
 
 test('Assert pagination works correctly for non-empty list', async ({ page }) => {
-  test.skip(UPDATE === true, 'Do not run regular tests when updating HAR files');
   // mock non-empty list w/ 11 elements i.e. 2 pages
   await mockEvoting(page, false);
   await page.reload();

web/frontend/tests/mocks.ts

@@ -1,24 +1,25 @@
 export const SCIPER_ADMIN = '123456';
 export const SCIPER_USER = '789012';
-export const UPDATE = false;
 
 export async function mockPersonalInfo(page: any, sciper?: string) {
   // clear current mock
   await page.unroute('/api/personal_info');
-  await page.routeFromHAR(`./tests/hars/${sciper ?? 'anonymous'}/personal_info.har`, {
-    url: '/api/personal_info',
-    update: UPDATE,
+  await page.route('/api/personal_info', async (route) => {
+    if (sciper) {
+      route.fulfill({ path: `./tests/json/personal_info/${sciper}.json` });
+    }
+    else {
+      route.fulfill({ status: 401, contentType: 'text/html', body: 'Unauthenticated'})
+    }
   });
 }
 
 export async function mockGetDevLogin(page: any) {
-  await page.routeFromHAR(`./tests/hars/${SCIPER_ADMIN}/get_dev_login.har`, {
-    url: `/api/get_dev_login/${SCIPER_ADMIN}`,
-    update: UPDATE,
+  await page.route(`/api/get_dev_login/${SCIPER_ADMIN}`, async (route) => {
+    await route.fulfill({});
   });
-  await page.routeFromHAR(`./tests/hars/${SCIPER_USER}/get_dev_login.har`, {
-    url: `/api/get_dev_login/${SCIPER_USER}`,
-    update: UPDATE,
+  await page.route(`/api/get_dev_login/${SCIPER_USER}`, async (route) => {
+    await route.fulfill({});
   });
   if (
     process.env.REACT_APP_SCIPER_ADMIN !== undefined &&