fix(lint): fixing lint in test files

Author: ShaneK

core/src/components/input/input.tsx

@@ -902,7 +902,7 @@ export class Input implements ComponentInterface {
               onCompositionstart={this.onCompositionStart}
               onCompositionend={this.onCompositionEnd}
               aria-describedby={this.getHintTextID()}
-              aria-invalid={this.isInvalid ? 'true' : 'false'}
+              aria-invalid={this.isInvalid ? 'true' : undefined}
               {...this.inheritedAttributes}
             />
             {this.clearInput && !readonly && !disabled && (

core/src/components/input/test/input.spec.ts

@@ -186,7 +186,7 @@ describe('input: error text accessibility', () => {
     // When not invalid, should point to helper text
     const helperId = helperTextEl.getAttribute('id');
     expect(nativeInput.getAttribute('aria-describedby')).toBe(helperId);
-    expect(nativeInput.getAttribute('aria-invalid')).toBe('false');
+    expect(nativeInput.getAttribute('aria-invalid')).toBeNull();
   });
 
   it('should have helper text element with proper structure', async () => {

core/src/components/input/test/validation/index.html

@@ -202,7 +202,7 @@ <h2>Optional Field (No Validation)</h2>
           const age = parseInt(value);
           return age >= 18 && age <= 120;
         },
-        'optional-input': () => true // Always valid
+        'optional-input': () => true, // Always valid
       };
 
       function validateField(input) {
@@ -227,7 +227,7 @@ <h2>Optional Field (No Validation)</h2>
 
       function validateForm() {
         let allValid = true;
-        inputs.forEach(input => {
+        inputs.forEach((input) => {
           if (input.id !== 'optional-input') {
             const isValid = validateField(input);
             if (!isValid) {
@@ -240,13 +240,13 @@ <h2>Optional Field (No Validation)</h2>
       }
 
       // Add event listeners
-      inputs.forEach(input => {
+      inputs.forEach((input) => {
         // Mark as touched on blur
         input.addEventListener('ionBlur', (e) => {
           touchedFields.add(input.id);
           validateField(input);
           validateForm();
-          
+
           // Debug: Log to hidden aria-live region for testing
           const isInvalid = input.classList.contains('ion-invalid');
           if (isInvalid) {
@@ -276,7 +276,7 @@ <h2>Optional Field (No Validation)</h2>
 
       // Reset button
       resetBtn.addEventListener('click', () => {
-        inputs.forEach(input => {
+        inputs.forEach((input) => {
           input.value = '';
           input.classList.remove('ion-valid', 'ion-invalid', 'ion-touched');
         });
@@ -296,4 +296,4 @@ <h2>Optional Field (No Validation)</h2>
       validateForm();
     </script>
   </body>
-</html>
+</html>

core/src/components/textarea/test/textarea.spec.ts

@@ -138,7 +138,7 @@ describe('textarea: error text accessibility', () => {
     // When not invalid, should point to helper text
     const helperId = helperTextEl.getAttribute('id');
     expect(nativeTextarea.getAttribute('aria-describedby')).toBe(helperId);
-    expect(nativeTextarea.getAttribute('aria-invalid')).toBe('false');
+    expect(nativeTextarea.getAttribute('aria-invalid')).toBeNull();
   });
 
   it('should have helper text element with proper structure', async () => {

core/src/components/textarea/test/validation/index.html

@@ -203,7 +203,7 @@ <h2>Optional Notes</h2>
         'review-textarea': (value) => {
           return value && value.length >= 50 && value.length <= 500;
         },
-        'notes-textarea': () => true // Always valid (optional)
+        'notes-textarea': () => true, // Always valid (optional)
       };
 
       function validateField(textarea) {
@@ -228,7 +228,7 @@ <h2>Optional Notes</h2>
 
       function validateForm() {
         let allValid = true;
-        textareas.forEach(textarea => {
+        textareas.forEach((textarea) => {
           if (textarea.id !== 'notes-textarea') {
             const isValid = validateField(textarea);
             if (!isValid) {
@@ -241,13 +241,13 @@ <h2>Optional Notes</h2>
       }
 
       // Add event listeners
-      textareas.forEach(textarea => {
+      textareas.forEach((textarea) => {
         // Mark as touched on blur
         textarea.addEventListener('ionBlur', (e) => {
           touchedFields.add(textarea.id);
           validateField(textarea);
           validateForm();
-          
+
           // Debug: Log to hidden aria-live region for testing
           const isInvalid = textarea.classList.contains('ion-invalid');
           if (isInvalid) {
@@ -277,7 +277,7 @@ <h2>Optional Notes</h2>
 
       // Reset button
       resetBtn.addEventListener('click', () => {
-        textareas.forEach(textarea => {
+        textareas.forEach((textarea) => {
           textarea.value = '';
           textarea.classList.remove('ion-valid', 'ion-invalid', 'ion-touched');
         });
@@ -297,4 +297,4 @@ <h2>Optional Notes</h2>
       validateForm();
     </script>
   </body>
-</html>
+</html>

core/src/components/textarea/textarea.tsx

@@ -816,7 +816,7 @@ export class Textarea implements ComponentInterface {
                 onFocus={this.onFocus}
                 onKeyDown={this.onKeyDown}
                 aria-describedby={this.getHintTextID()}
-                aria-invalid={this.isInvalid ? 'true' : 'false'}
+                aria-invalid={this.isInvalid ? 'true' : undefined}
                 {...this.inheritedAttributes}
               >
                 {value}