import Vue from 'vue';
import { Wrapper } from '@vue/test-utils';

import { mountComponent } from '@/tests';

import SubHeader from '../';
import HeaderLoading from '../../../elements/HeaderLoading';

Vue.component('HeaderLoading', HeaderLoading);

import { dataListGroupItems } from './data/subHeader';

let wrapper: Wrapper<Vue>;

describe('SubHeader', () => {
	it('renders correctly', () => {
		wrapper = mountComponent(SubHeader, {
			propsData: {
				titleText: 'Test'
			}
		});

		expect(wrapper).toMatchSnapshot();
	});

	it('renders loading state correctly', async() => {
		wrapper = mountComponent(SubHeader, {
			propsData: {
				titleText: 'Test',
				loading: true,
				dataListGroupItems
			}
		}, true);

		expect(wrapper).toMatchSnapshot();
	});
});