Test(demo): Introduce E2E test for homepage refs #DS-869

package.json

@@ -31,6 +31,10 @@
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build -o ./.storybook/build",
     "test": "yarn packages:test",
+    "test:e2e": "yarn playwright test",
+    "test:e2e:update": "yarn playwright test --update-snapshots",
+    "test:e2e:report": "yarn playwright show-report",
+    "test:e2e:ui": "yarn playwright test --ui",
     "types": "yarn packages:types",
     "lint": "npm-run-all --parallel es:lint packages:lint",
     "packages:lint": "lerna run lint --parallel --no-sort",

tests/e2e/demo-homepages.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Demo Homepages', () => {
+  const demos = [
+    {
+      url: 'https://spirit-design-system-demo.netlify.app/',
+      package: 'web',
+    },
+    {
+      url: 'https://spirit-design-system-react.netlify.app/',
+      package: 'web-react',
+    },
+  ];
+
+  for (const demo of demos) {
+    test(`test demo homepage ${demo.package}`, async ({ page }) => {
+      await page.goto(demo.url);
+      await expect(page).toHaveScreenshot(`${demo.package}.png`, { fullPage: true });
+    });
+  }
+});