summaryrefslogtreecommitdiff
path: root/spec/frontend/search_spec.js
blob: 1573365538ca370fa5709eaa1e1650bb556f2dc8 (plain)
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
46
47
48
49
50
51
52
53
54
55
56
57
58
import $ from 'jquery';
import Api from '~/api';
import Search from '~/pages/search/show/search';
import setHighlightClass from '~/pages/search/show/highlight_blob_search_result';

jest.mock('~/api');
jest.mock('~/pages/search/show/highlight_blob_search_result');

describe('Search', () => {
  const fixturePath = 'search/show.html';
  const searchTerm = 'some search';
  const fillDropdownInput = dropdownSelector => {
    const dropdownElement = document.querySelector(dropdownSelector).parentNode;
    const inputElement = dropdownElement.querySelector('.dropdown-input-field');
    inputElement.value = searchTerm;
    return inputElement;
  };

  preloadFixtures(fixturePath);

  describe('constructor side effects', () => {
    afterEach(() => {
      jest.restoreAllMocks();
    });

    it('highlights lines with search terms in blob search results', () => {
      new Search(); // eslint-disable-line no-new

      expect(setHighlightClass).toHaveBeenCalled();
    });
  });

  describe('dropdown behavior', () => {
    beforeEach(() => {
      loadFixtures(fixturePath);
      new Search(); // eslint-disable-line no-new
    });

    it('requests groups from backend when filtering', () => {
      jest.spyOn(Api, 'groups').mockImplementation(term => {
        expect(term).toBe(searchTerm);
      });

      const inputElement = fillDropdownInput('.js-search-group-dropdown');

      $(inputElement).trigger('input');
    });

    it('requests projects from backend when filtering', () => {
      jest.spyOn(Api, 'projects').mockImplementation(term => {
        expect(term).toBe(searchTerm);
      });
      const inputElement = fillDropdownInput('.js-search-project-dropdown');

      $(inputElement).trigger('input');
    });
  });
});