diff --git a/packages/core/src/components/spinner/test/inverted/darkmode/index.html b/packages/core/src/components/spinner/test/inverted/darkmode/index.html new file mode 100644 index 000000000..2d7366f25 --- /dev/null +++ b/packages/core/src/components/spinner/test/inverted/darkmode/index.html @@ -0,0 +1,20 @@ + + + + + Spinner - Standard + + + + + + + + + + + + diff --git a/packages/core/src/components/spinner/test/inverted/spinner.e2e.ts b/packages/core/src/components/spinner/test/inverted/darkmode/spinner.e2e.ts similarity index 73% rename from packages/core/src/components/spinner/test/inverted/spinner.e2e.ts rename to packages/core/src/components/spinner/test/inverted/darkmode/spinner.e2e.ts index ae52bf035..c838b8112 100644 --- a/packages/core/src/components/spinner/test/inverted/spinner.e2e.ts +++ b/packages/core/src/components/spinner/test/inverted/darkmode/spinner.e2e.ts @@ -1,12 +1,14 @@ import { test } from 'stencil-playwright'; import { expect } from '@playwright/test'; -const componentTestPath = 'src/components/spinner/test/inverted/index.html'; +const componentTestPath = 'src/components/spinner/test/inverted/darkmode/index.html'; -test.describe.parallel('tds-spinner-inverted', () => { - test('renders inverted spinner correctly', async ({ page }) => { +test.describe.parallel('tds-spinner-inverted-darkmode', () => { + test.beforeEach(async ({ page }) => { await page.goto(componentTestPath); + }); + test('renders inverted spinner correctly', async ({ page }) => { /* Check diff on screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); diff --git a/packages/core/src/components/spinner/test/inverted/spinner.e2e.ts-snapshots/tds-spinner-inverted-renders-inverted-spinner-correctly-1-linux.png b/packages/core/src/components/spinner/test/inverted/darkmode/spinner.e2e.ts-snapshots/tds-spinner-inverted-darkmode-renders-inverted-spinner-correctly-1-linux.png similarity index 100% rename from packages/core/src/components/spinner/test/inverted/spinner.e2e.ts-snapshots/tds-spinner-inverted-renders-inverted-spinner-correctly-1-linux.png rename to packages/core/src/components/spinner/test/inverted/darkmode/spinner.e2e.ts-snapshots/tds-spinner-inverted-darkmode-renders-inverted-spinner-correctly-1-linux.png diff --git a/packages/core/src/components/spinner/test/inverted/index.html b/packages/core/src/components/spinner/test/inverted/lightmode/index.html similarity index 72% rename from packages/core/src/components/spinner/test/inverted/index.html rename to packages/core/src/components/spinner/test/inverted/lightmode/index.html index 440db290c..7f5400cdf 100644 --- a/packages/core/src/components/spinner/test/inverted/index.html +++ b/packages/core/src/components/spinner/test/inverted/lightmode/index.html @@ -4,14 +4,14 @@ Spinner - Standard - + - + diff --git a/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts b/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts new file mode 100644 index 000000000..4ee977aa9 --- /dev/null +++ b/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/spinner/test/inverted/lightmode/index.html'; + +test.describe.parallel('tds-spinner-inverted-lightmode', () => { + test.beforeEach(async ({ page }) => { + await page.goto(componentTestPath); + }); + + test('renders inverted spinner correctly', async ({ page }) => { + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts-snapshots/tds-spinner-inverted-lightmode-renders-inverted-spinner-correctly-1-linux.png b/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts-snapshots/tds-spinner-inverted-lightmode-renders-inverted-spinner-correctly-1-linux.png new file mode 100644 index 000000000..0089db8f2 Binary files /dev/null and b/packages/core/src/components/spinner/test/inverted/lightmode/spinner.e2e.ts-snapshots/tds-spinner-inverted-lightmode-renders-inverted-spinner-correctly-1-linux.png differ diff --git a/packages/core/src/components/spinner/test/standard/darkmode/index.html b/packages/core/src/components/spinner/test/standard/darkmode/index.html new file mode 100644 index 000000000..530a6d1a7 --- /dev/null +++ b/packages/core/src/components/spinner/test/standard/darkmode/index.html @@ -0,0 +1,20 @@ + + + + + Spinner - Standard + + + + + + + + + + + + diff --git a/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts b/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts new file mode 100644 index 000000000..cc7a61ca2 --- /dev/null +++ b/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts @@ -0,0 +1,15 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/spinner/test/standard/darkmode/index.html'; + +test.describe.parallel('tds-spinner-standard-darkmode', () => { + test.beforeEach(async ({ page }) => { + await page.goto(componentTestPath); + }); + + test('renders basic spinner correctly', async ({ page }) => { + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts-snapshots/tds-spinner-standard-darkmode-renders-basic-spinner-correctly-1-linux.png b/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts-snapshots/tds-spinner-standard-darkmode-renders-basic-spinner-correctly-1-linux.png new file mode 100644 index 000000000..4bf0693c1 Binary files /dev/null and b/packages/core/src/components/spinner/test/standard/darkmode/spinner.e2e.ts-snapshots/tds-spinner-standard-darkmode-renders-basic-spinner-correctly-1-linux.png differ diff --git a/packages/core/src/components/spinner/test/standard/index.html b/packages/core/src/components/spinner/test/standard/lightmode/index.html similarity index 72% rename from packages/core/src/components/spinner/test/standard/index.html rename to packages/core/src/components/spinner/test/standard/lightmode/index.html index 69f5e07d8..484c85f58 100644 --- a/packages/core/src/components/spinner/test/standard/index.html +++ b/packages/core/src/components/spinner/test/standard/lightmode/index.html @@ -4,14 +4,14 @@ Spinner - Standard - + - + diff --git a/packages/core/src/components/spinner/test/standard/spinner.e2e.ts b/packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts similarity index 82% rename from packages/core/src/components/spinner/test/standard/spinner.e2e.ts rename to packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts index e7999620a..49cec7e60 100644 --- a/packages/core/src/components/spinner/test/standard/spinner.e2e.ts +++ b/packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts @@ -1,19 +1,19 @@ import { test } from 'stencil-playwright'; import { expect } from '@playwright/test'; -const componentTestPath = 'src/components/spinner/test/standard/index.html'; +const componentTestPath = 'src/components/spinner/test/standard/lightmode/index.html'; -test.describe.parallel('tds-spinner-standard', () => { - test('renders basic spinner correctly', async ({ page }) => { +test.describe.parallel('tds-spinner-standard-lightmode', () => { + test.beforeEach(async ({ page }) => { await page.goto(componentTestPath); + }); + test('renders basic spinner correctly', async ({ page }) => { /* Check diff on screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); test('Check if animation is present', async ({ page }) => { - await page.goto(componentTestPath); - const spinner = page.locator('tds-spinner:first-child circle'); const spinnerStyle = await spinner.evaluate((style) => getComputedStyle(style).animationName); expect(spinnerStyle).toBe('dash'); diff --git a/packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts-snapshots/tds-spinner-standard-lightmode-renders-basic-spinner-correctly-1-linux.png b/packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts-snapshots/tds-spinner-standard-lightmode-renders-basic-spinner-correctly-1-linux.png new file mode 100644 index 000000000..e08e41a8e Binary files /dev/null and b/packages/core/src/components/spinner/test/standard/lightmode/spinner.e2e.ts-snapshots/tds-spinner-standard-lightmode-renders-basic-spinner-correctly-1-linux.png differ diff --git a/packages/core/src/components/spinner/test/standard/spinner.e2e.ts-snapshots/tds-spinner-standard-renders-basic-spinner-correctly-1-linux.png b/packages/core/src/components/spinner/test/standard/spinner.e2e.ts-snapshots/tds-spinner-standard-renders-basic-spinner-correctly-1-linux.png deleted file mode 100644 index a648ab2e6..000000000 Binary files a/packages/core/src/components/spinner/test/standard/spinner.e2e.ts-snapshots/tds-spinner-standard-renders-basic-spinner-correctly-1-linux.png and /dev/null differ