storj/web/satellite/tests/unit/ignore/common/VSearch.spec.ts
NickolaiYurchenko 2b78433cf0 web/satellite: VPagination, VHeader, VSearch migration to use composition api
fixed issue with required props that were not passed to component;
added default props;
related test added to ignored folder till vue 3 version update with vue-cli-service;

Change-Id: Idc95a4c0b9f124797519652004abf53e066605c2
2022-12-12 16:13:14 +02:00

46 lines
1.3 KiB
TypeScript

// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
import { mount, shallowMount } from '@vue/test-utils';
import SearchComponent from '@/components/common/VSearch.vue';
describe('SearchComponent.vue', () => {
it('renders correctly', () => {
const wrapper = shallowMount<SearchComponent>(SearchComponent);
expect(wrapper).toMatchSnapshot();
});
it('renders correctly with default props', () => {
const wrapper = mount<SearchComponent>(SearchComponent);
expect(wrapper.vm.$props.placeholder).toMatch('');
});
it('functions onMouseEnter/onMouseLeave work correctly', () => {
const wrapper = mount<SearchComponent>(SearchComponent);
wrapper.vm.onMouseEnter();
expect(wrapper.vm.style.width).toMatch('540px');
wrapper.vm.onMouseLeave();
expect(wrapper.vm.searchString).toMatch('');
expect(wrapper.vm.style.width).toMatch('56px');
});
it('function clearSearch works correctly', () => {
const processSearchQuerySpy = jest.fn();
const wrapper = mount<SearchComponent>(SearchComponent);
wrapper.vm.processSearchQuery = processSearchQuerySpy;
wrapper.vm.clearSearch();
expect(processSearchQuerySpy).toHaveBeenCalledTimes(1);
expect(wrapper.vm.$data.inputWidth).toMatch('56px');
});
});