spec/javascripts/feature_highlight/feature_highlight_options_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

import domContentLoaded from '~/feature_highlight/feature_highlight_options';
import bp from '~/breakpoints';

describe('feature highlight options', () => {
  describe('domContentLoaded', () => {
    const highlightOrder = [];

    beforeEach(() => {
      // Check for when highlightFeatures is called
      spyOn(highlightOrder, 'find').and.callFake(() => {});
    });

    it('should not call highlightFeatures when breakpoint is xs', () => {
      spyOn(bp, 'getBreakpointSize').and.returnValue('xs');

      domContentLoaded(highlightOrder);
      expect(bp.getBreakpointSize).toHaveBeenCalled();
      expect(highlightOrder.find).not.toHaveBeenCalled();
    });

    it('should not call highlightFeatures when breakpoint is sm', () => {
      spyOn(bp, 'getBreakpointSize').and.returnValue('sm');

      domContentLoaded(highlightOrder);
      expect(bp.getBreakpointSize).toHaveBeenCalled();
      expect(highlightOrder.find).not.toHaveBeenCalled();
    });

    it('should not call highlightFeatures when breakpoint is md', () => {
      spyOn(bp, 'getBreakpointSize').and.returnValue('md');

      domContentLoaded(highlightOrder);
      expect(bp.getBreakpointSize).toHaveBeenCalled();
      expect(highlightOrder.find).not.toHaveBeenCalled();
    });

    it('should call highlightFeatures when breakpoint is lg', () => {
      spyOn(bp, 'getBreakpointSize').and.returnValue('lg');

      domContentLoaded(highlightOrder);
      expect(bp.getBreakpointSize).toHaveBeenCalled();
      expect(highlightOrder.find).toHaveBeenCalled();
    });
  });
});