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

package/package.json

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

package/src/components/DataTableHeader/DataTableHeader.stories.js

@@ -21,7 +21,7 @@ export const Primary = () => ({
 					sortable: true,
 					value: 'approvedAmount',
 					align: 'center',
-					width: 160,
+					width: 320,
 				},
 				{
 					text: 'Disponível',

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -12,6 +12,7 @@
 				v-bind:style="{
 					textAlign: item.align ? item.align : '',
 					width: thWidth(item),
+					minWidth: thWidth(item),
 				}"
 				@click="item.sortable ? clickSort(item.value, $index) : ''"
 				@mouseover="changeShow($index)"

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

@@ -8,7 +8,23 @@ describe('DataTableHeader component', () => {
 	beforeEach(() => {
 		wrapper = shallowMount(DataTableHeader, {
 			propsData: {
-				headers: [],
+				headers: [
+					{
+						value: 'A',
+					},
+				],
+				sortClick: [
+					{
+						clicked: true,
+						show: true,
+					},
+					{
+						clicked: false,
+						show: false,
+					},
+				],
+				selectedIndex: 0,
+				firstSelected: true,
 			},
 		});
 		component = wrapper.vm;
@@ -35,5 +51,39 @@ describe('DataTableHeader component', () => {
 			expect(component.thWidth({ width: 24 })).toEqual('24px');
 			expect(component.thWidth({})).toEqual('auto');
 		});
+
+		it('Should remove clicked', () => {
+			component.removeClicked();
+			expect(component.sortClick[0].clicked).toBeFalsy();
+			expect(component.sortClick[0].show).toBeFalsy();
+		});
+
+		it('Should check first selected', () => {
+			expect(component.checkFirstSelected(999)).toBeFalsy();
+			expect(component.checkFirstSelected(0)).toBeTruthy();
+		});
+
+		it('Should emit event when clickSort', () => {
+			component.clickSort('A', 0);
+			expect(wrapper.emitted().onClickSort).toBeDefined();
+		});
+
+		it('Should get type sort', () => {
+			expect(component.getTypeSort(false)).toEqual('ASC');
+			expect(component.getTypeSort(true)).toEqual('DESC');
+		});
+
+		it('Should change show', async () => {
+			component.changeShow(0);
+			await new Promise(r => setTimeout(r, 20));
+			expect(component.sortClick[0].show).toBeTruthy();
+		});
+
+		it('Should change show', async () => {
+			component.changeHidden(0);
+			component.changeHidden(1);
+			await new Promise(r => setTimeout(r, 30));
+			expect(component.sortClick[1].show).toBeFalsy();
+		});
 	});
 });