facebook.spec.ts

import { fakeAsync, inject, ComponentFixture, TestBed } from '@angular/core/testing';

import { Angulartics2 } from 'angulartics2';
import { advance, createRoot, RootCmp, TestModule } from '../../test.mocks';
import { Angulartics2Facebook } from './facebook';

jasmine.DEFAULT_TIMEOUT_INTERVAL = 5000;
declare var window: any;

describe('Angulartics2Facebook', () => {
  let fbq: any;
  let fixture: ComponentFixture<any>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [TestModule],
      providers: [Angulartics2Facebook],
    });

    window.fbq = fbq = jasmine.createSpy('fbq');
    const provider: Angulartics2Facebook = TestBed.get(Angulartics2Facebook);
    provider.startTracking();
  });

  it('should track events',
    fakeAsync(inject([Angulartics2, Angulartics2Facebook],
      (angulartics2: Angulartics2, angulartics2Facebook: Angulartics2Facebook) => {
        fixture = createRoot(RootCmp);
        angulartics2.eventTrack.next({
          action: 'ViewContent',
          properties: { category: 'cat' },
        });
        advance(fixture);
        expect(fbq).toHaveBeenCalledWith('track', 'ViewContent', { category: 'cat' });
      }),
    ),
  );

  it('should track custom events',
    fakeAsync(inject([Angulartics2, Angulartics2Facebook],
      (angulartics2: Angulartics2, angulartics2Facebook: Angulartics2Facebook) => {
        fixture = createRoot(RootCmp);
        angulartics2.eventTrack.next({
          action: 'do',
          properties: { category: 'cat' },
        });
        advance(fixture);
        expect(fbq).toHaveBeenCalledWith('trackCustom', 'do', { category: 'cat' });
      }),
    ),
  );

});