clicky.spec.ts

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

import { Angulartics2 } from '../../angulartics2-core';
import { advance, createRoot, RootCmp, TestModule } from '../../test.mocks';
import { Angulartics2Clicky } from './clicky';

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

describe('Angulartics2Clicky', () => {
  let clicky: any;
  // let clicky_custom: any;
  let fixture: ComponentFixture<any>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [TestModule],
      providers: [Angulartics2Clicky, Title],
    });
    window.console = jasmine.createSpyObj('console', ['warn', 'log']);
  });

  describe('on init', () => {
    beforeEach(() => {
      window.console = jasmine.createSpyObj('console', ['warn', 'log']);
      window.clicky = undefined;
    });

    it('should complain if clicky is not found',
      fakeAsync(inject([Angulartics2Clicky],
        (angulartics2Clicky: Angulartics2Clicky) => {
          angulartics2Clicky.startTracking();
          fixture = createRoot(RootCmp);
          advance(fixture);
          expect(console.warn).toHaveBeenCalled();
        }),
      ),
    );
  });

  describe('while active', () => {
    beforeEach(() => {
      window.clicky = clicky = jasmine.createSpyObj('clicky', ['log', 'goal']);
      const provider: Angulartics2Clicky = TestBed.inject(Angulartics2Clicky);
      provider.startTracking();
    });

    it('should track pages',
      fakeAsync(inject([Angulartics2, Angulartics2Clicky, Title],
        (angulartics2: Angulartics2, angulartics2Clicky: Angulartics2Clicky, titleService: Title) => {
          fixture = createRoot(RootCmp);
          const title = 'clicky';
          titleService.setTitle(title);
          angulartics2.pageTrack.next({ path: '/abc' });
          advance(fixture);
          expect(clicky.log).toHaveBeenCalledWith('/abc', title, 'pageview');
        }),
      ),
    );

    it('should track events',
      fakeAsync(inject([Angulartics2, Angulartics2Clicky],
        (angulartics2: Angulartics2, angulartics2Clicky: Angulartics2Clicky) => {
          fixture = createRoot(RootCmp);
          angulartics2.eventTrack.next({
            action: 'do',
            properties: { title: 'thing', type: 'click' },
          });
          advance(fixture);
          expect(clicky.log).toHaveBeenCalledWith('do', 'thing', 'click');
        }),
      ),
    );

    it('should track unsupported event types as pageviews',
      fakeAsync(inject([Angulartics2, Angulartics2Clicky],
        (angulartics2: Angulartics2, angulartics2Clicky: Angulartics2Clicky) => {
          fixture = createRoot(RootCmp);
          angulartics2.eventTrack.next({
            action: 'do',
            properties: {
              title: 'thing',
              type: 'unsupported-gibberish',
            },
          });
          advance(fixture);
          expect(clicky.log).toHaveBeenCalledWith('do', 'thing', 'pageview');
        }),
      ),
    );

    it('should track goals',
      fakeAsync(inject([Angulartics2, Angulartics2Clicky],
        (angulartics2: Angulartics2, angulartics2Clicky: Angulartics2Clicky) => {
          fixture = createRoot(RootCmp);
          angulartics2.eventTrack.next({
            action: 'do',
            properties: { goal: 1, revenue: 50, noQueue: true },
          });
          advance(fixture);
          expect(clicky.goal).toHaveBeenCalledWith(1, 50, true);
        }),
      ),
    );

  });
});