test(example): add updateOn blur control

Author: timdeschryver

angular.json

@@ -123,5 +123,8 @@
       }
     }
   },
-  "defaultProject": "testing-library-app"
+  "defaultProject": "testing-library-app",
+  "cli": {
+    "analytics": false
+  }
 }

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

@@ -20,6 +20,7 @@ test('is possible to fill in a form and verify error messages (with the help of
   expect(nameControl).toBeInvalid();
   component.type(nameControl, 'Tim');
   component.type(scoreControl, '12');
+  component.blur(scoreControl);
   component.selectOptions(colorControl, 'Green');
 
   expect(component.queryByText('name is required')).not.toBeInTheDocument();
@@ -28,6 +29,7 @@ test('is possible to fill in a form and verify error messages (with the help of
 
   expect(scoreControl).toBeInvalid();
   component.type(scoreControl, 7);
+  component.blur(scoreControl);
   expect(scoreControl).toBeValid();
 
   expect(errors).not.toBeInTheDocument();

src/app/examples/03-forms.ts

@@ -33,7 +33,7 @@ export class FormsComponent {
   colors = [{ id: 'R', value: 'Red' }, { id: 'B', value: 'Blue' }, { id: 'G', value: 'Green' }];
   form = this.formBuilder.group({
     name: ['', Validators.required],
-    score: [0, [Validators.min(1), Validators.max(10)]],
+    score: [0, { validators: [Validators.min(1), Validators.max(10)], updateOn: 'blur' }],
     color: ['', Validators.required],
   });