storj/web/satellite/tests/unit/common/HeaderedInput.spec.ts
Nikolay Yurchenko 64e2ca6f42
Satellite project details markup, adaptation and tests fixes (#704)
* [V3-770] user settings markup updated

* naming refactoring acc to BEM

* [V3-767] added project details markup, created media rules, existing tests fixed
2018-11-23 17:48:11 +02:00

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);
});
});