ace0ef89a2
Finally migrated web/satellite UI to use Vue 3. Issue: https://github.com/storj/storj/issues/5862 Change-Id: I609e2332142b9092d6efeb2d4b931e34cce846cc
46 lines
1.3 KiB
TypeScript
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);
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly with default props', () => {
|
|
const wrapper = mount(SearchComponent);
|
|
|
|
expect(wrapper.vm.$props.placeholder).toMatch('');
|
|
});
|
|
|
|
it('functions onMouseEnter/onMouseLeave work correctly', () => {
|
|
const wrapper = mount(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);
|
|
|
|
wrapper.vm.processSearchQuery = processSearchQuerySpy;
|
|
wrapper.vm.clearSearch();
|
|
|
|
expect(processSearchQuerySpy).toHaveBeenCalledTimes(1);
|
|
expect(wrapper.vm.$data.inputWidth).toMatch('56px');
|
|
});
|
|
});
|