storj/web/satellite/tests/unit/common/Button.spec.ts
Bogdan Artemenko 8a79d184aa
[V3-965] Satellite account. Fixed Vue lint errors (#890)
* [V3-965] Satellite account. Fixed Vue lint errors
2018-12-18 16:43:23 +02:00

77 lines
1.6 KiB
TypeScript

// Copyright (C) 2018 Storj Labs, Inc.
// See LICENSE for copying information.
import { mount, shallowMount } from '@vue/test-utils';
import Button from '@/components/common/Button.vue';
import * as sinon from 'sinon';
describe('Button.vue', () => {
it('renders correctly', () => {
const wrapper = shallowMount(Button);
expect(wrapper).toMatchSnapshot();
});
it('renders correctly with isWhite prop', () => {
const wrapper = shallowMount(Button, {
propsData: {
isWhite: true
}
});
expect(wrapper).toMatchSnapshot();
});
it('renders correctly with isDisabled prop', () => {
const wrapper = shallowMount(Button, {
propsData: {
isDisabled: true
}
});
expect(wrapper).toMatchSnapshot();
});
it('renders correctly with size and label props', () => {
let label = 'testLabel';
let width = '30px';
let height = '20px';
const wrapper = shallowMount(Button, {
propsData: {label, width, height},
});
expect(wrapper.element.style.width).toMatch(width);
expect(wrapper.element.style.height).toMatch(height);
expect(wrapper.text()).toMatch(label);
});
it('renders correctly with default props', () => {
const wrapper = shallowMount(Button);
expect(wrapper.element.style.width).toMatch('inherit');
expect(wrapper.element.style.height).toMatch('inherit');
expect(wrapper.text()).toMatch('Default');
});
it('trigger onPress correctly', () => {
let onPressSpy = sinon.spy();
const wrapper = mount(Button, {
propsData: {
onPress: onPressSpy,
isDisabled: false
}
});
wrapper.find('div.container').trigger('click');
expect(onPressSpy.callCount).toBe(1);
});
});