1import { mount, createLocalVue, createWrapper } from '@vue/test-utils';
2import Vue from 'vue';
3import Vuex from 'vuex';
4import AppHeader from '@/components/AppHeader';
5
6// Silencing warnings about undefined Bootsrap-vue components
7Vue.config.silent = true;
8const localVue = createLocalVue();
9localVue.use(Vuex);
10
11describe('AppHeader.vue', () => {
12  const actions = {
13    'global/getHostStatus': jest.fn(),
14    'eventLog/getEventLogData': jest.fn(),
15    'authentication/resetStoreState': jest.fn(),
16  };
17
18  const store = new Vuex.Store({ actions });
19  const wrapper = mount(AppHeader, {
20    store,
21    localVue,
22    mocks: {
23      $t: (key) => key,
24    },
25  });
26
27  // Reset dispatch between tests so that multiple
28  // actions are not dispatched for each test
29  beforeEach(() => {
30    store.dispatch = jest.fn();
31  });
32
33  it('should exist', () => {
34    expect(wrapper.exists()).toBe(true);
35  });
36
37  it('should render correctly', () => {
38    expect(wrapper.element).toMatchSnapshot();
39  });
40
41  it('refresh button click should emit refresh event', async () => {
42    wrapper.get('#app-header-refresh').trigger('click');
43    await wrapper.vm.$nextTick();
44    expect(wrapper.emitted('refresh')).toBeTruthy();
45  });
46
47  it('nav-trigger button click should emit toggle-navigation event', async () => {
48    const rootWrapper = createWrapper(wrapper.vm.$root);
49    wrapper.get('#app-header-trigger').trigger('click');
50    await wrapper.vm.$nextTick();
51    expect(rootWrapper.emitted('toggle-navigation')).toBeTruthy();
52  });
53
54  it('logout button should dispatch authentication/logout', async () => {
55    wrapper.get('[data-test-id="appHeader-link-logout"]').trigger('click');
56    await wrapper.vm.$nextTick();
57    expect(store.dispatch).toHaveBeenCalledTimes(1);
58  });
59
60  it('change:isNavigationOpen event should set isNavigationOpen prop to false', async () => {
61    const rootWrapper = createWrapper(wrapper.vm.$root);
62    rootWrapper.vm.$emit('change-is-navigation-open', false);
63    await rootWrapper.vm.$nextTick();
64    expect(wrapper.vm.isNavigationOpen).toEqual(false);
65  });
66
67  describe('Created lifecycle hook', () => {
68    it('getHostInfo should dispatch global/getHostStatus', () => {
69      wrapper.vm.getHostInfo();
70      expect(store.dispatch).toHaveBeenCalledTimes(1);
71    });
72
73    it('getEvents should dispatch eventLog/getEventLogData', () => {
74      wrapper.vm.getEvents();
75      expect(store.dispatch).toHaveBeenCalledTimes(1);
76    });
77  });
78});
79