test(textarea): add test with helper text

scania-digital-design-system · Dec 20, 2024 · 9dfb425 · 9dfb425
1 parent d3b3c4d
commit 9dfb425
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 0 deletions.
diff --git a/packages/core/src/components/textarea/test/with-helper-text/index.html b/packages/core/src/components/textarea/test/with-helper-text/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Textarea - With helper text</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
+    <link rel="stylesheet" href="../../../../../dist/tegel/tegel.css" />
+    <script type="module">
+      import { defineCustomElements } from '../../../../../loader/index.es2017.js';
+      defineCustomElements();
+    </script>
+  </head>
+
+  <body>
+    <tds-textarea placeholder="Placeholder" helper="Helper text"></tds-textarea>
+  </body>
+</html>
diff --git a/packages/core/src/components/textarea/test/with-helper-text/textarea.e2e.ts b/packages/core/src/components/textarea/test/with-helper-text/textarea.e2e.ts
@@ -0,0 +1,24 @@
+import { test } from 'stencil-playwright';
+import { expect } from '@playwright/test';
+import {
+  testConfigurations,
+  getTestDescribeText,
+  setupPage,
+} from '../../../../utils/testConfiguration';
+
+const componentTestPath = 'src/components/textarea/test/with-helper-text/index.html';
+const componentName = 'tds-textarea';
+const testDescription = 'tds-textarea-with-helper-text';
+
+testConfigurations.withModeVariants.forEach((config) => {
+  test.describe.parallel(getTestDescribeText(config, testDescription), () => {
+    test.beforeEach(async ({ page }) => {
+      await setupPage(page, config, componentTestPath, componentName);
+    });
+
+    test('renders textarea with helper text', async ({ page }) => {
+      /* Expect no diff on screenshot */
+      await expect(page).toHaveScreenshot({ maxDiffPixels: 0 });
+    });
+  });
+});
diff --git a/...with-helper-text-primary-darkmode-renders-textarea-with-helper-text-1-linux.png b/...with-helper-text-primary-darkmode-renders-textarea-with-helper-text-1-linux.png
diff --git a/...ith-helper-text-primary-lightmode-renders-textarea-with-helper-text-1-linux.png b/...ith-helper-text-primary-lightmode-renders-textarea-with-helper-text-1-linux.png
diff --git a/...ots/tds-textarea-with-helper-text-renders-textarea-with-helper-text-1-linux.png b/...ots/tds-textarea-with-helper-text-renders-textarea-with-helper-text-1-linux.png
diff --git a/...th-helper-text-secondary-darkmode-renders-textarea-with-helper-text-1-linux.png b/...th-helper-text-secondary-darkmode-renders-textarea-with-helper-text-1-linux.png
diff --git a/...h-helper-text-secondary-lightmode-renders-textarea-with-helper-text-1-linux.png b/...h-helper-text-secondary-lightmode-renders-textarea-with-helper-text-1-linux.png