gitlab-org--gitlab-foss/spec/javascripts/bootstrap_linked_tabs_spec.js.es6

//= require lib/utils/bootstrap_linked_tabs

(() => {
  describe('Linked Tabs', () => {
    fixture.preload('linked_tabs');

    beforeEach(() => {
      fixture.load('linked_tabs');
    });

    describe('when is initialized', () => {
      beforeEach(() => {
        spyOn(window.history, 'replaceState').and.callFake(function () {});
      });

      it('should activate the tab correspondent to the given action', () => {
        const linkedTabs = new window.gl.LinkedTabs({ // eslint-disable-line
          action: 'tab1',
          defaultAction: 'tab1',
          parentEl: '.linked-tabs',
        });

        expect(document.querySelector('#tab1').classList).toContain('active');
      });

      it('should active the default tab action when the action is show', () => {
        const linkedTabs = new window.gl.LinkedTabs({ // eslint-disable-line
          action: 'show',
          defaultAction: 'tab1',
          parentEl: '.linked-tabs',
        });

        expect(document.querySelector('#tab1').classList).toContain('active');
      });
    });

    describe('on click', () => {
      it('should change the url according to the clicked tab', () => {
        const historySpy = spyOn(history, 'replaceState').and.callFake(() => {});

        const linkedTabs = new window.gl.LinkedTabs({ // eslint-disable-line
          action: 'show',
          defaultAction: 'tab1',
          parentEl: '.linked-tabs',
        });

        const secondTab = document.querySelector('.linked-tabs li:nth-child(2) a');
        const newState = secondTab.getAttribute('href') + linkedTabs.currentLocation.search + linkedTabs.currentLocation.hash;

        secondTab.click();

        expect(historySpy).toHaveBeenCalledWith({
          turbolinks: true,
          url: newState,
        }, document.title, newState);
      });
    });
  });
})();