test(sbb-form-field): add forced colors tests (#2993)

sbb-design-systems · Aug 8, 2024 · 6ed0752 · 6ed0752
1 parent 733914e
commit 6ed0752
Show file tree

Hide file tree

Showing 2 changed files with 206 additions and 171 deletions.
diff --git a/src/elements/form-field/form-field/form-field.stories.ts b/src/elements/form-field/form-field/form-field.stories.ts
@@ -7,6 +7,7 @@ import { styleMap } from 'lit/directives/style-map.js';
 import type { SbbFormErrorElement } from '../../form-error.js';
 
 import readme from './readme.md?raw';
+
 import './form-field.js';
 import '../form-field-clear.js';
 import '../../button/mini-button.js';
@@ -103,9 +104,8 @@ const TemplateBasicTextarea = ({
     placeholder=${placeholder}
     ?disabled=${disabled}
     ?readonly=${readonly}
-  >
-${value}</textarea
-  >`;
+    .value=${value || nothing}
+  ></textarea>`;
 
 const TemplateInput = (args: Args): TemplateResult => formField(args, TemplateBasicInput(args));
 
@@ -262,9 +262,8 @@ const TemplateTextareaWithErrorSpace = (args: Args): TemplateResult => {
               placeholder=${args.placeholder}
               ?disabled=${args.disabled}
               ?readonly=${args.readonly}
-            >
-${args.value}</textarea
-            >
+              .value=${args.value || nothing}
+            ></textarea>
             ${sbbFormError}`,
         )}
       </div>