Merge pull request #767 from dxc-technology/jcheng-textareaDefaultValue

[Minor] Adding defaultValue to textarea

Author: aidamag

projects/dxc-ngx-cdk-site/src/app/components/examples/textarea/textarea-properties/textarea-properties.component.html

@@ -18,6 +18,13 @@
       and the value will be managed internally.
     </td>
   </tr>
+  <tr>
+    <td>defaultValue: string</td>
+    <td></td>
+    <td>
+      Default value given to the textarea when is uncontrolled and also maintains the uncontrolled behaviour.
+    </td>
+  </tr>
   <tr>
     <td>label: string</td>
     <td></td>

projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/textarea-preview/textarea-preview.component.html

@@ -9,6 +9,12 @@
         tabIndexValue="3"
       >
       </dxc-textarea>
+      <dxc-textarea
+        label="default value"
+        [pattern]="pattern"
+        defaultValue="Default"
+      >
+      </dxc-textarea>
     </tbuilder-component-mode>
     <tbuilder-component-mode text="Invalid">
       <dxc-textarea label="Test" error="error"> </dxc-textarea>

projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.spec.ts

@@ -396,6 +396,7 @@ describe("DxcTextareaComponent", () => {
     await render(DxcTextareaComponent, {
       componentProperties: {
         label: "Example label",
+        defaultValue: "test",
         onChange: {
           emit: onChange,
         } as any,
@@ -406,6 +407,7 @@ describe("DxcTextareaComponent", () => {
     const textarea = <HTMLInputElement>(
       screen.getByLabelText("Example label (Optional)")
     );
+    expect(screen.getByDisplayValue("test"));
     textarea.focus();
     expect(textarea).toHaveFocus();
     fireEvent.click(textarea);

projects/dxc-ngx-cdk/src/lib/dxc-textarea/dxc-textarea.component.ts

@@ -38,6 +38,9 @@ export class DxcTextareaComponent implements OnInit {
 
   @Input()
   value: string;
+  
+  @Input()
+  defaultValue: string;
 
   @Input()
   id: string;
@@ -110,7 +113,7 @@ export class DxcTextareaComponent implements OnInit {
     optional: false,
     disabled: false,
     helperText: "",
-    value: "",
+    value: undefined,
     name: "",
     label: "",
     margin: "",
@@ -172,7 +175,7 @@ export class DxcTextareaComponent implements OnInit {
 
   ngOnInit(): void {
     if (this.value === undefined) {
-      this.value = "";
+      this.value = this.defaultValue ?? "";
       this.controlled = false;
     } else {
       this.controlled = true;