test(playwright): explded os version from snapshot

scania-digital-design-system · Oct 25, 2023 · 9471c87 · 9471c87
1 parent 12b1a89
commit 9471c87
Show file tree

Hide file tree

Showing 14 changed files with 36 additions and 1 deletion.
diff --git a/packages/core/playwright.config.ts b/packages/core/playwright.config.ts
@@ -14,7 +14,6 @@ const config: PlaywrightTestConfig = {
     reuseExistingServer: !process.env.CI,
   },
   workers: 4,
-  snapshotPathTemplate: 'snapshots/{arg}{ext}',
 };
 
 export default config;
diff --git a/packages/core/src/components/accordion/test/basic/accordion.e2e.ts b/packages/core/src/components/accordion/test/basic/accordion.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-accordiong', () => {
   test('renders basic accordion correctly', async ({ page }) => {

diff --git a/...g-renders-basic-accordion-correctly-1.png → ...g-renders-basic-accordion-correctly-1.png b/...g-renders-basic-accordion-correctly-1.png → ...g-renders-basic-accordion-correctly-1.png
diff --git a/packages/core/src/components/accordion/test/disabled/accordion.e2e.ts b/packages/core/src/components/accordion/test/disabled/accordion.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-accordiong', () => {
   test('renders disabled accordion correctly', async ({ page }) => {

diff --git a/...enders-disabled-accordion-correctly-1.png → ...enders-disabled-accordion-correctly-1.png b/...enders-disabled-accordion-correctly-1.png → ...enders-disabled-accordion-correctly-1.png
diff --git a/packages/core/src/components/accordion/test/expanded/accordion.e2e.ts b/packages/core/src/components/accordion/test/expanded/accordion.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-accordiong', () => {
   test('renders expanded accordion correctly', async ({ page }) => {

diff --git a/...enders-expanded-accordion-correctly-1.png → ...enders-expanded-accordion-correctly-1.png b/...enders-expanded-accordion-correctly-1.png → ...enders-expanded-accordion-correctly-1.png
diff --git a/packages/core/src/components/accordion/test/padding-reset/accordion.e2e.ts b/packages/core/src/components/accordion/test/padding-reset/accordion.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-accordiong', () => {
   test('renders padding-reset accordion correctly', async ({ page }) => {

diff --git a/...s-padding-reset-accordion-correctly-1.png → ...s-padding-reset-accordion-correctly-1.png b/...s-padding-reset-accordion-correctly-1.png → ...s-padding-reset-accordion-correctly-1.png
diff --git a/packages/core/src/components/badge/test/basic/badge.e2e.ts b/packages/core/src/components/badge/test/basic/badge.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-badge', () => {
   test('renders basic badge correctly', async ({ page }) => {

diff --git a/...badge-renders-basic-badge-correctly-1.png → ...badge-renders-basic-badge-correctly-1.png b/...badge-renders-basic-badge-correctly-1.png → ...badge-renders-basic-badge-correctly-1.png
diff --git a/packages/core/src/components/badge/test/value/badge.e2e.ts b/packages/core/src/components/badge/test/value/badge.e2e.ts
@@ -1,5 +1,8 @@
 import { test } from 'stencil-playwright';
 import { expect } from '@playwright/test';
+import { configureSnapshotPath } from '../../../../utils/configureSnapshotPath';
+
+test.beforeEach(configureSnapshotPath());
 
 test.describe('tds-badge', () => {
   test('renders value badge correctly', async ({ page }) => {

diff --git a/...badge-renders-value-badge-correctly-1.png → ...badge-renders-value-badge-correctly-1.png b/...badge-renders-value-badge-correctly-1.png → ...badge-renders-value-badge-correctly-1.png
diff --git a/packages/core/src/utils/configureSnapshotPath.ts b/packages/core/src/utils/configureSnapshotPath.ts
@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable no-unused-vars */
+export const configureSnapshotPath =
+  (options?: {}) =>
+  ({}: any, testInfo): any => {
+    const originalSnapshotPath = testInfo.snapshotPath;
+
+    testInfo.snapshotPath = (snapshotName) => {
+      const result = originalSnapshotPath
+        .apply(testInfo, [snapshotName])
+        .replace('.txt', '.json')
+        .replace('-chromium', '')
+        .replace('-linux', '')
+        .replace('-darwin', '');
+
+      return result;
+    };
+  };