cce0a18bf8
Merged two components into single one to have single source of truth. Also this may fix some go-rod test problems. Change-Id: Iffa86d1b3c24a0e2a551335ecda721a93ff616e3
86 lines
2.4 KiB
TypeScript
86 lines
2.4 KiB
TypeScript
// Copyright (C) 2022 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
import VInput from '@/components/common/VInput.vue';
|
|
|
|
import { mount, shallowMount } from '@vue/test-utils';
|
|
|
|
describe('VInput.vue', () => {
|
|
it('renders correctly with default props', () => {
|
|
|
|
const wrapper = shallowMount(VInput);
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly with isMultiline props', () => {
|
|
|
|
const wrapper = shallowMount(VInput, {
|
|
propsData: {isMultiline: true},
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.findAll('textarea').length).toBe(1);
|
|
expect(wrapper.findAll('input').length).toBe(0);
|
|
});
|
|
|
|
it('renders correctly with props', () => {
|
|
const label = 'testLabel';
|
|
const additionalLabel = 'addLabel';
|
|
const width = '30px';
|
|
const height = '20px';
|
|
|
|
const wrapper = shallowMount(VInput, {
|
|
propsData: {label, width, height, additionalLabel},
|
|
});
|
|
|
|
const el = wrapper.find('input').element as HTMLElement;
|
|
expect(el.style.width).toMatch(width);
|
|
expect(el.style.height).toMatch(height);
|
|
|
|
expect(wrapper.find('.label-container').text()).toMatch(label);
|
|
expect(wrapper.find('.add-label').text()).toMatch(additionalLabel);
|
|
});
|
|
|
|
it('renders correctly with isOptional props', () => {
|
|
|
|
const wrapper = shallowMount(VInput, {
|
|
propsData: {
|
|
isOptional: true,
|
|
},
|
|
});
|
|
|
|
expect(wrapper.find('h4').text()).toMatch('Optional');
|
|
});
|
|
|
|
it('renders correctly with input error', () => {
|
|
const error = 'testError';
|
|
|
|
const wrapper = shallowMount(VInput, {
|
|
propsData: {
|
|
error,
|
|
},
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.find('.label-container').text()).toMatch(error);
|
|
});
|
|
|
|
it('emit setData on input correctly', async () => {
|
|
const testData = 'testData';
|
|
|
|
const wrapper = mount(VInput);
|
|
|
|
await wrapper.find('input').trigger('input');
|
|
|
|
let emittedSetData = wrapper.emitted('setData');
|
|
if (emittedSetData) expect(emittedSetData.length).toEqual(1);
|
|
|
|
await wrapper.vm.$emit('setData', testData);
|
|
|
|
emittedSetData = wrapper.emitted('setData');
|
|
if (emittedSetData) expect(emittedSetData[1][0]).toEqual(testData);
|
|
});
|
|
|
|
});
|