spec/javascripts/components/navigation_toggle/navigation_toggle_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

import { mount } from '@vue/test-utils';
import NavigationToggle from '~/components/navigation_toggle/navigation_toggle.vue';

describe('component: Navigation Toggle', function () {
  let wrapper;

  beforeEach(() => {
    let propsData = { targetSelector: '.some-selector' };
    wrapper = mount(NavigationToggle, { propsData, });
  });

  it('renders a toggle button', () => {
    expect(wrapper.exists('.nav-toggle')).toBe(true);
  });

  it('renders a toggle label', () => {
    expect(wrapper.find('.label').text()).toEqual('Collapse sidebar');
  });

  it('renders two arrow icons', () => {
    expect(wrapper.findAll('.arrow').length).toEqual(2);
  });

  it('toggles the navigation when the navigation toggle is clicked', () => {
    wrapper.setMethods({ toggle: jest.fn() });
    wrapper.find('.nav-toggle').trigger('click');
    expect(wrapper.vm.toggle).toHaveBeenCalled();
  });
});