[RTL] Add auto direction prop on text-area component

adobe · Jun 4, 2024 · 47c1a41 · 47c1a41
1 parent b411b58
commit 47c1a41
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/...content/jcr_root/content/forms/af/core-components-it/samples/textinput/basic/.content.xml b/...content/jcr_root/content/forms/af/core-components-it/samples/textinput/basic/.content.xml
@@ -213,6 +213,23 @@
                         validationStatus="valid"/>
                 <fd:events jcr:primaryType="nt:unstructured"/>
             </textinput_1477533951>
+            <textinput_278740740
+                    jcr:created="{Date}2024-06-03T16:41:36.206+05:30"
+                    jcr:createdBy="admin"
+                    jcr:lastModified="{Date}2024-06-03T16:41:55.103+05:30"
+                    jcr:lastModifiedBy="admin"
+                    jcr:primaryType="nt:unstructured"
+                    jcr:title="Text Input with multiple line"
+                    sling:resourceType="forms-components-examples/components/form/textinput"
+                    enabled="{Boolean}true"
+                    fieldType="text-input"
+                    hideTitle="false"
+                    multiLine="true"
+                    name="textinput_2787407401717413096406"
+                    readOnly="{Boolean}false"
+                    textIsRich="[true,true,true]"
+                    unboundFormElement="{Boolean}false"
+                    visible="{Boolean}true"/>
         </guideContainer>
     </jcr:content>
 </jcr:root>
diff --git a/.../main/content/jcr_root/apps/core/fd/components/form/textinput/v1/textinput/textinput.html b/.../main/content/jcr_root/apps/core/fd/components/form/textinput/v1/textinput/textinput.html
@@ -48,7 +48,8 @@
               placeholder="${text.placeHolder}"
               autocomplete="${text.autoComplete}"
               minlength="${text.minLength}"
-              maxlength="${text.maxLength}"></textarea>
+              maxlength="${text.maxLength}"
+              dir="auto"></textarea>
     <input data-sly-test="${!useTextarea}"
            title="${text.tooltipVisible ? '' : text.tooltipText}"
            class="cmp-adaptiveform-textinput__widget"

diff --git a/ui.tests/test-module/specs/textinput/textinput.runtime.spec.js b/ui.tests/test-module/specs/textinput/textinput.runtime.spec.js
@@ -169,7 +169,7 @@ describe("Form Runtime with Text Input", () => {
         const [textbox7, textBox7FieldView] = Object.entries(formContainer._fields)[6];
         const [textbox8, textBox8FieldView] = Object.entries(formContainer._fields)[7];
 
-        const [submitbutton1, fieldView] = Object.entries(formContainer._fields)[11]
+        const [submitbutton1, fieldView] = Object.entries(formContainer._fields)[12]
 
         // 1. Required
         cy.get(`#${textbox6}`).find("input").focus().blur().then(x => {
@@ -299,6 +299,12 @@ describe("Form Runtime with Text Input", () => {
             })
         }
     });
+
+    // check for dir attribute in text area
+    it("should have dir attribute in text area", () => {
+        const [id, fieldView] = Object.entries(formContainer._fields)[11]
+        cy.get(`#${id}`).find("textarea").invoke('attr', 'dir').should('eq', 'auto');
+    });
 })
 
 describe("Form Runtime with Text Input For Different locale", () => {
@@ -361,5 +367,6 @@ describe("setFocus on text field via rules", () => {
         cy.get(`#${id}`).should('have.class', 'cmp-adaptiveform-textinput--filled');
     });
   });
+
 })