fix: allow type to receive a number value (#44)

Author: timdeschryver

projects/testing-library/src/lib/user-events/type.ts

@@ -36,7 +36,7 @@ export function createType(fireEvent: FireFunction & FireObject) {
     };
   }
 
-  return async function type(element: HTMLElement, value: string, options?: TypeOptions) {
+  return async function type(element: HTMLElement, value: string | number, options?: TypeOptions) {
     const { allAtOnce = false, delay = 0 } = options || {};
     const initialValue = (element as HTMLInputElement).value;
 
@@ -46,9 +46,10 @@ export function createType(fireEvent: FireFunction & FireObject) {
       return;
     }
 
+    const text = value.toString();
     let actuallyTyped = '';
-    for (let index = 0; index < value.length; index++) {
-      const char = value[index];
+    for (let index = 0; index < text.length; index++) {
+      const char = text[index];
       const key = char;
       const keyCode = char.charCodeAt(0);
 

src/app/examples/03-forms.spec.ts

@@ -27,7 +27,7 @@ test('is possible to fill in a form and verify error messages (with the help of
   expect(component.queryByText('color is required')).not.toBeInTheDocument();
 
   expect(scoreControl).toBeInvalid();
-  component.type(scoreControl, '7');
+  component.type(scoreControl, 7);
   expect(scoreControl).toBeValid();
 
   expect(errors).not.toBeInTheDocument();

src/app/examples/04-forms-with-material.spec.ts

@@ -19,15 +19,15 @@ test('is possible to fill in a form and verify error messages (with the help of
   expect(errors).toContainElement(component.queryByText('color is required'));
 
   component.type(nameControl, 'Tim');
-  component.type(scoreControl, '12');
+  component.type(scoreControl, 12);
   component.selectOptions(colorControl, 'Green');
 
   expect(component.queryByText('name is required')).not.toBeInTheDocument();
   expect(component.queryByText('score must be lesser than 10')).toBeInTheDocument();
   expect(component.queryByText('color is required')).not.toBeInTheDocument();
 
   expect(scoreControl).toBeInvalid();
-  component.type(scoreControl, '7');
+  component.type(scoreControl, 7);
   expect(scoreControl).toBeValid();
 
   expect(errors).not.toBeInTheDocument();