feat: e2e tests for Breadcrumbs component

City-of-Helsinki · Sep 24, 2024 · f73f4cd · f73f4cd
1 parent 6c540cc
commit f73f4cd
Show file tree

Hide file tree

Showing 14 changed files with 24 additions and 0 deletions.
diff --git a/e2e/tests/core/components/core-breadcrumb-spec.ts b/e2e/tests/core/components/core-breadcrumb-spec.ts
@@ -0,0 +1,12 @@
+import { test } from '@playwright/test';
+import { takeAllStorySnapshots } from '../../../helpers';
+
+const componentName = 'breadcrumb';
+const storybook = 'core';
+const takeStateSnapshots = true;
+
+test.describe(`Testing ${storybook} component "${componentName}"`, () => {
+  test('Take snapshots of all stories', async ({ page, isMobile }) => {
+    await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName });
+  });
+});
diff --git a/...breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-desktop.png b/...breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-desktop.png
diff --git a/...-breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-mobile.png b/...-breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-mobile.png
diff --git a/...umb-spec.ts-snapshots/core-components-breadcrumb--with-custom-theme-desktop.png b/...umb-spec.ts-snapshots/core-components-breadcrumb--with-custom-theme-desktop.png
diff --git a/...rumb-spec.ts-snapshots/core-components-breadcrumb--with-custom-theme-mobile.png b/...rumb-spec.ts-snapshots/core-components-breadcrumb--with-custom-theme-mobile.png
diff --git a/e2e/tests/react/components/react-breadcrumb-spec.ts b/e2e/tests/react/components/react-breadcrumb-spec.ts
@@ -0,0 +1,12 @@
+import { test } from '@playwright/test';
+import { takeAllStorySnapshots } from '../../../helpers';
+
+const componentName = 'breadcrumb';
+const storybook = 'react';
+const takeStateSnapshots = true;
+
+test.describe(`Testing ${storybook} component "${componentName}"`, () => {
+  test('Take snapshots of all stories', async ({ page, isMobile }) => {
+    await takeAllStorySnapshots({ page, isMobile, takeStateSnapshots, storybook, componentName });
+  });
+});
diff --git a/...t-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-desktop.png b/...t-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-desktop.png
diff --git a/...mb-spec.ts-snapshots/react-components-breadcrumb--example-in-header-desktop.png b/...mb-spec.ts-snapshots/react-components-breadcrumb--example-in-header-desktop.png
diff --git a/...umb-spec.ts-snapshots/react-components-breadcrumb--example-in-header-mobile.png b/...umb-spec.ts-snapshots/react-components-breadcrumb--example-in-header-mobile.png
diff --git a/...ct-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-mobile.png b/...ct-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-mobile.png
diff --git a/...mb-spec.ts-snapshots/react-components-breadcrumb--last-item-is-link-desktop.png b/...mb-spec.ts-snapshots/react-components-breadcrumb--last-item-is-link-desktop.png
diff --git a/...umb-spec.ts-snapshots/react-components-breadcrumb--last-item-is-link-mobile.png b/...umb-spec.ts-snapshots/react-components-breadcrumb--last-item-is-link-mobile.png
diff --git a/...mb-spec.ts-snapshots/react-components-breadcrumb--with-custom-theme-desktop.png b/...mb-spec.ts-snapshots/react-components-breadcrumb--with-custom-theme-desktop.png
diff --git a/...umb-spec.ts-snapshots/react-components-breadcrumb--with-custom-theme-mobile.png b/...umb-spec.ts-snapshots/react-components-breadcrumb--with-custom-theme-mobile.png