Teste com Angular

faker.js

#### #1 Exemplo
          <pre class="javascript"><code data-line-numbers>it('should fire a change event after 200 millis', fakeAsync(() => {
            const component = new FiltersCmp((v) => v);

const events = [];
            component.change.subscribe(v => events.push(v));

component.filters.controls['title'].setValue('N');
            setTimeout(() => { component.filters.controls['title'].setValue('Ne'); }, 150);
            setTimeout(() => { component.filters.controls['title'].setValue('New'); }, 200);

expect(events).toEqual([]);

tick(1000);

expect(events).toEqual([
              {title: 'New', speaker: null, highRating: false}
            ]);

component.filters.controls['title'].setValue('New!');

tick(1000);

expect(events).toEqual([
              {title: 'New', speaker: null, highRating: false},
              {title: 'New!', speaker: null, highRating: false}
            ]);
          }));</code></pre>

#### #1 Exemplo
          <pre class="javascript"><code data-line-numbers>beforeEach(async(() => {
            TestBed.configureTestingModule({
              declarations: [ TalksCmp ],
              schemas: [ NO_ERRORS_SCHEMA ]
            }).compileComponents();
          }));

beforeEach(() => {
            fixture = TestBed.createComponent(TalksCmp);
            component = fixture.componentInstance;
            fixture.detectChanges();
          });

it('should render a list of talks', () => {
            component.talks = < any>[ { title: 'Are we there yet?' }, { title: 'The Value of Values' } ];
            fixture.detectChanges();

const s = fixture.debugElement.nativeElement;
            const ts = s.querySelectorAll('talk-cmp');

expect(ts.length).toEqual(2);
            expect(ts[0].talk.title).toEqual('Are we there yet?');
            expect(ts[1].talk.title).toEqual('The Value of Values');
          });</code></pre>

Note:
          1. debugElement; // test helper
          2. componentInstance; // to access properties and methods
          3. nativeElement; // to access DOM element
          4. detectChanges(); // trigger component change detection

#### #1 Exemplo
          <pre class="javascript"><code data-line-numbers>beforeEach(async(() => {
            TestBed.configureTestingModule({
              imports: [AppModule]
            }).compileComponents();
          }));

beforeEach(() => {
            fixture = TestBed.createComponent(AppCmp);
            component = fixture.componentInstance;
            fixture.detectChanges();
            el = fixture.debugElement.nativeElement;
          });

it('should filter talks by title', async(inject([App], (app: App) => {
            app.model.talks = [ ... ];
            fixture.detectChanges();

expect(el.innerHTML).toContain("Are we there yet?");
            expect(el.innerHTML).toContain("The Value of Values");

component.handleFiltersChange({ title: 'we', speaker: null, minRating: 0 });
            fixture.detectChanges();

expect(el.innerHTML).toContain("Are we there yet?");
            expect(el.innerHTML).not.toContain("The Value of Values");
          })));</code></pre>