Implement snapshots in Playwright

This could be used for visual regression testing

Author: mleray

playwright.config.js

@@ -4,7 +4,7 @@ const dotenv = require('dotenv');
 const testDir = './tests/e2e';
 const envFile = process.env.CI ? `${testDir}/env/.env.ci` : `${testDir}/env/.env.default`;
 dotenv.config({path: envFile});
-dotenv.config({override: true});// prioritize .env file if exists
+dotenv.config({override: true}); // prioritize .env file if exists
 
 /**
  * @see https://playwright.dev/docs/test-configuration
@@ -113,6 +113,7 @@ const config = {
   //   command: 'npm run start',
   //   port: 3000,
   // },
+  globalSetup: require.resolve('./tests/e2e/tools/setup/global-setup'),
 };
 
 module.exports = config;

tests/e2e/snapshots.spec.js

@@ -0,0 +1,10 @@
+import {test, expect} from  './tools/lib/test-utils.js';
+import {readSiteMap} from './tools/setup/sitemap.js';
+
+test('Snapshots', async ({page}) => {
+  const urls = await readSiteMap();
+  for (const url of urls) {
+    await page.goto(url);
+    await expect(page).toHaveScreenshot();
+  }
+});