@farm-investimentos/front-mfe-components 2.4.0 → 2.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "2.4.0",
+	"version": "2.4.1",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -7,17 +7,17 @@
 				v-bind:class="[
 					item.sortable ? 'sortable' : '',
 					sortClick[$index].clicked ? 'active' : '',
-					item.sortable && sortClick[$index].descending === 'DESC' ? 'DESC' : 'ASC',
+					item.sortable ? (sortClick[$index].descending === 'DESC' ? 'DESC' : 'ASC') : '',
 				]"
 				v-bind:style="{
-					textAlign: item.align,
+					textAlign: item.align ? item.align : '',
 					width: thWidth(item),
 				}"
 				@click="item.sortable ? clickSort(item.value, $index) : ''"
 				@mouseover="changeShow($index)"
 				@mouseout="changeHidden($index)"
 			>
-				<span class="header-text">
+				<span class="header-text" v-if="!isTHDataTableSelect(item)">
 					{{ item.text }}
 
 					<v-icon
@@ -111,8 +111,14 @@ export default Vue.extend({
 			return false;
 		},
 		thWidth(item) {
+			if (this.isTHDataTableSelect(item)) {
+				return '64px';
+			}
 			return item.width ? item.width + 'px' : 'auto';
 		},
+		isTHDataTableSelect(item) {
+			return item.value === 'data-table-select';
+		},
 	},
 	created() {
 		for (let i = 0; i < this.headers.length; i += 1) {

package/src/components/DataTableHeader/__tests__/DataTableHeader.spec.js

@@ -0,0 +1,39 @@
+import { shallowMount } from '@vue/test-utils';
+import DataTableHeader from '../DataTableHeader';
+
+describe('DataTableHeader component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DataTableHeader, {
+			propsData: {
+				headers: [],
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('Methods', () => {
+		it('Should check if item is data-table-select column', () => {
+			expect(component.isTHDataTableSelect({ value: 'data-table-select' })).toBeTruthy();
+			expect(component.isTHDataTableSelect({ value: 'anything else' })).toBeFalsy();
+		});
+
+		it('Should get th width', () => {
+			expect(component.thWidth({ value: 'data-table-select' })).toEqual('64px');
+			expect(component.thWidth({ width: 24 })).toEqual('24px');
+			expect(component.thWidth({})).toEqual('auto');
+		});
+	});
+});

package/src/components/DataTablePaginator/__tests__/DataTablePaginator.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils';
+import DataTablePaginator from '../DataTablePaginator';
+
+describe('DataTablePaginator component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DataTablePaginator);
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+});

package/src/components/DatePicker/__tests__/DatePicker.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils';
+import DatePicker from '../DatePicker';
+
+describe('DatePicker component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DatePicker, {
+			propsData: {
+				inputId: 'someid',
+			},
+		});
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+});

package/src/components/DefaultTextField/__tests__/DefaultTextField.spec.js

@@ -0,0 +1,25 @@
+import { shallowMount } from '@vue/test-utils';
+import DefaultTextField from '../DefaultTextField';
+
+describe('DefaultTextField component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DefaultTextField, {
+			propsData: {
+				item: {},
+				value: false,
+			},
+		});
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+});

package/src/components/DialogFooter/__tests__/DialogFooter.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils';
+import DialogFooter from '../DialogFooter';
+
+describe('DialogFooter component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DialogFooter);
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+});

package/src/components/DialogHeader/__tests__/DialogHeader.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils';
+import DialogHeader from '../DialogHeader';
+
+describe('DialogHeader component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(DialogHeader, {
+			propsData: {
+				title: ''
+			}
+		});
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+});