form.spec.ts

form.spec.ts

// Teste Unitário de FormBuilder

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
import { async, TestBed } from '@angular/core/testing';


describe('FormBuilder', () => {

  /* @Component({
    selector: 'nao-usado',
    template: '<form></form>'
  })
  class ComponentWithForm {
    constructor(formBuilder: FormBuilder) {
      formBuilder.group({
        name: ['', Validators.required]
      })
    }
  }
  */
  /*
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        FormsModule,
        ReactiveFormsModule
      ],
      declarations: [
        ComponentWithForm
      ],
    }).compileComponents();
  }));
  */

  it('instatiate FormBuilder', () => {
    let fb: FormBuilder = new FormBuilder();
    expect(fb).not.toBeNull();
    let form: FormGroup = fb.group({
        name: ['', Validators.required]
      });
    expect(form.get('name').invalid).toBeTruthy();
    expect(form.invalid).toBeTruthy();

    form.get('name').setValue('abcde');
    expect(form.get('name').valid).toBeTruthy();
    expect(form.valid).toBeTruthy();

    form.get('name').setValue('');
    expect(form.get('name').invalid).toBeTruthy();
    expect(form.invalid).toBeTruthy();

    console.log(form.get('name').errors);
  });
});