add inputmode test

pkovzz · Jul 23, 2024 · 82159b9 · 82159b9
1 parent c423500
commit 82159b9
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/projects/ngx-otp-input/src/lib/ngx-otp-input.component.spec.ts b/projects/ngx-otp-input/src/lib/ngx-otp-input.component.spec.ts
@@ -96,6 +96,13 @@ describe('NgxOtpInputComponent with default options', () => {
       ).toBeTrue();
     });
   });
+
+  it('should have numeric inputmode by default', () => {
+    const inputElements = fixture.nativeElement.querySelectorAll('input');
+    inputElements.forEach((inputElement: HTMLInputElement) => {
+      expect(inputElement.getAttribute('inputmode')).toEqual('numeric');
+    });
+  });
 });
 
 describe('NgxOtpInputComponent with custom options', () => {
@@ -107,6 +114,7 @@ describe('NgxOtpInputComponent with custom options', () => {
     hideInputValues: true,
     showBlinkingCursor: true,
     ariaLabels: ['First', 'Second', 'Third', 'Fourth', 'Fifth'],
+    inputMode: 'text',
   };
 
   let component: NgxOtpInputComponent;
@@ -156,6 +164,13 @@ describe('NgxOtpInputComponent with custom options', () => {
     });
   });
 
+  it('should have text inputmode', () => {
+    const inputElements = document.querySelectorAll('input');
+    inputElements.forEach((inputElement: HTMLInputElement) => {
+      expect(inputElement.getAttribute('inputmode')).toEqual('text');
+    });
+  });
+
   // TODO: Fix the test case
   // it('should have the css class ngx-blinking-cursor if the showBlinkingCursor option is true', () => {
   //   const inputElements = document.querySelectorAll('input');