64e2ca6f42
* [V3-770] user settings markup updated * naming refactoring acc to BEM * [V3-767] added project details markup, created media rules, existing tests fixed
78 lines
2.0 KiB
TypeScript
78 lines
2.0 KiB
TypeScript
import { shallowMount, mount } from '@vue/test-utils';
|
|
import HeaderedInput from '@/components/common/HeaderedInput.vue';
|
|
|
|
describe('HeaderedInput.vue', () => {
|
|
|
|
it('renders correctly with default props', () => {
|
|
|
|
const wrapper = shallowMount(HeaderedInput);
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly with isMultiline props', () => {
|
|
|
|
const wrapper = shallowMount(HeaderedInput, {
|
|
propsData: { isMultiline: true }
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.contains("textarea")).toBe(true);
|
|
expect(wrapper.contains("input")).toBe(false);
|
|
});
|
|
|
|
it('renders correctly with props', () => {
|
|
let label = "testLabel";
|
|
let additionalLabel = "addLabel";
|
|
let width = "30px";
|
|
let height = "20px";
|
|
|
|
const wrapper = shallowMount(HeaderedInput, {
|
|
propsData: { label, width, height, additionalLabel }
|
|
});
|
|
|
|
expect(wrapper.find("input").element.style.width).toMatch(width);
|
|
expect(wrapper.find("input").element.style.height).toMatch(height);
|
|
expect(wrapper.find(".label-container").text()).toMatch(label);
|
|
expect(wrapper.find(".label-container__add-label").text()).toMatch(additionalLabel);
|
|
});
|
|
|
|
it('renders correctly with isOptional props', () => {
|
|
|
|
const wrapper = shallowMount(HeaderedInput, {
|
|
propsData: {
|
|
isOptional: true
|
|
}
|
|
});
|
|
|
|
expect(wrapper.find("h4").text()).toMatch("Optional");
|
|
});
|
|
|
|
it('renders correctly with input error', () => {
|
|
let error = "testError";
|
|
|
|
const wrapper = shallowMount(HeaderedInput, {
|
|
propsData: {
|
|
error
|
|
}
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.find(".label-container").text()).toMatch(error);
|
|
});
|
|
|
|
it('emit setData on input correctly', () => {
|
|
let testData = "testData";
|
|
|
|
const wrapper = mount(HeaderedInput);
|
|
|
|
wrapper.find("input").trigger('input');
|
|
|
|
expect(wrapper.emitted("setData").length).toEqual(1);
|
|
|
|
wrapper.vm.$emit('setData', testData);
|
|
|
|
expect(wrapper.emitted("setData")[1][0]).toEqual(testData);
|
|
});
|
|
|
|
}); |