diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts
new file mode 100644
index 000000000..e64eff563
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts
@@ -0,0 +1,15 @@
+import { test } from 'stencil-playwright';
+import { expect } from '@playwright/test';
+
+const componentTestPath = 'src/components/footer/test/default/primary/darkmode/index.html';
+
+test.describe.parallel('tds-footer-default-primary-darkmode', () => {
+ test('renders default footer correctly', async ({ page }) => {
+ await page.goto(componentTestPath);
+ const footerComponent = page.locator('footer');
+ await expect(footerComponent).toHaveCount(1);
+
+ /** Check screenshot diff */
+ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
+ });
+});
diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png
new file mode 100644
index 000000000..d844f2cd8
Binary files /dev/null and b/packages/core/src/components/footer/test/default/primary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-primary-darkmode-renders-default-footer-correctly-1-linux.png differ
diff --git a/packages/core/src/components/footer/test/default/primary/darkmode/index.html b/packages/core/src/components/footer/test/default/primary/darkmode/index.html
new file mode 100644
index 000000000..bff297dc7
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/primary/darkmode/index.html
@@ -0,0 +1,47 @@
+
+
+
+
+ Footer - Default
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts
new file mode 100644
index 000000000..2aed427c7
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts
@@ -0,0 +1,15 @@
+import { test } from 'stencil-playwright';
+import { expect } from '@playwright/test';
+
+const componentTestPath = 'src/components/footer/test/default/primary/lightmode/index.html';
+
+test.describe.parallel('tds-footer-default-primary-lightmode', () => {
+ test('renders default footer correctly', async ({ page }) => {
+ await page.goto(componentTestPath);
+ const footerComponent = page.locator('footer');
+ await expect(footerComponent).toHaveCount(1);
+
+ /** Check screenshot diff */
+ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
+ });
+});
diff --git a/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png
new file mode 100644
index 000000000..62dbcafb1
Binary files /dev/null and b/packages/core/src/components/footer/test/default/primary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-primary-lightmode-renders-default-footer-correctly-1-linux.png differ
diff --git a/packages/core/src/components/footer/test/default/primary/lightmode/index.html b/packages/core/src/components/footer/test/default/primary/lightmode/index.html
new file mode 100644
index 000000000..ac827e7a6
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/primary/lightmode/index.html
@@ -0,0 +1,47 @@
+
+
+
+
+ Footer - Default
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts
new file mode 100644
index 000000000..1bf616301
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts
@@ -0,0 +1,15 @@
+import { test } from 'stencil-playwright';
+import { expect } from '@playwright/test';
+
+const componentTestPath = 'src/components/footer/test/default/secondary/darkmode/index.html';
+
+test.describe.parallel('tds-footer-default-secondary-darkmode', () => {
+ test('renders default footer correctly', async ({ page }) => {
+ await page.goto(componentTestPath);
+ const footerComponent = page.locator('footer');
+ await expect(footerComponent).toHaveCount(1);
+
+ /** Check screenshot diff */
+ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
+ });
+});
diff --git a/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png
new file mode 100644
index 000000000..21b8218db
Binary files /dev/null and b/packages/core/src/components/footer/test/default/secondary/darkmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-darkmode-renders-default-footer-correctly-1-linux.png differ
diff --git a/packages/core/src/components/footer/test/default/secondary/darkmode/index.html b/packages/core/src/components/footer/test/default/secondary/darkmode/index.html
new file mode 100644
index 000000000..6b89c335e
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/secondary/darkmode/index.html
@@ -0,0 +1,47 @@
+
+
+
+
+ Footer - Default
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts
new file mode 100644
index 000000000..a302ce205
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts
@@ -0,0 +1,15 @@
+import { test } from 'stencil-playwright';
+import { expect } from '@playwright/test';
+
+const componentTestPath = 'src/components/footer/test/default/secondary/lightmode/index.html';
+
+test.describe.parallel('tds-footer-default-secondary-lightmode', () => {
+ test('renders default footer correctly', async ({ page }) => {
+ await page.goto(componentTestPath);
+ const footerComponent = page.locator('footer');
+ await expect(footerComponent).toHaveCount(1);
+
+ /** Check screenshot diff */
+ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
+ });
+});
diff --git a/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png
new file mode 100644
index 000000000..f75a96884
Binary files /dev/null and b/packages/core/src/components/footer/test/default/secondary/lightmode/footer.e2e.ts-snapshots/tds-footer-default-secondary-lightmode-renders-default-footer-correctly-1-linux.png differ
diff --git a/packages/core/src/components/footer/test/default/secondary/lightmode/index.html b/packages/core/src/components/footer/test/default/secondary/lightmode/index.html
new file mode 100644
index 000000000..3b44671f8
--- /dev/null
+++ b/packages/core/src/components/footer/test/default/secondary/lightmode/index.html
@@ -0,0 +1,47 @@
+
+
+
+
+ Footer - Default
+
+
+
+
+
+
+
+
+
+
+
+