@farm-investimentos/front-mfe-components 2.5.0 → 3.0.0

package/package.json

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

package/src/components/Buttons/ImportButton/__tests__/ImportButton.spec.js

@@ -13,4 +13,11 @@ describe('ImportButton component', () => {
 	test('Created hook', () => {
 		expect(wrapper).toBeDefined();
 	});
+
+	describe('Methods', () => {
+		it('Should emit event', () => {
+			component.onClick();
+			expect(wrapper.emitted().onClick).toBeDefined();
+		});
+	});
 });

package/src/components/Buttons/RemoveButton/__tests__/RemoveButton.spec.js

@@ -13,4 +13,11 @@ describe('RemoveButton component', () => {
 	test('Created hook', () => {
 		expect(wrapper).toBeDefined();
 	});
+
+	describe('Methods', () => {
+		it('Should emit event', () => {
+			component.onClick();
+			expect(wrapper.emitted().onClick).toBeDefined();
+		});
+	});
 });

package/src/components/Buttons/ToggleButton/__tests__/ToggleButton.spec.js

@@ -11,4 +11,11 @@ describe('ToggleButton component', () => {
 	test('Created hook', () => {
 		expect(wrapper).toBeDefined();
 	});
+
+	describe('Methods', () => {
+		it('Should handle click', () => {
+			wrapper.vm.onClick();
+			expect(wrapper.vm.open).toBeTruthy();
+		});
+	});
 });

package/src/components/CardContext/CardContext.scss

@@ -42,7 +42,7 @@
 	padding-top: 1rem;
 }
 
-.card-context-loding-or-error {
+.card-context-loading-or-error {
 	width: 100%;
 	display: flex;
 	align-items: center;

package/src/components/CardContext/CardContext.vue

@@ -11,10 +11,10 @@
 		<div class="card-context-body" v-if="isSuccess">
 			<slot></slot>
 		</div>
-		<div class="card-context-loding-or-error" v-if="isLoading">
+		<div class="card-context-loading-or-error" v-if="isLoading">
 			<Loader :size="isLargeLoading" />
 		</div>
-		<div class="card-context-loding-or-error" v-if="isError">
+		<div class="card-context-loading-or-error" v-if="isError">
 			<AlertReload :label="errorLabel" @onClick="$emit('onLoad')" />
 		</div>
 	</div>
@@ -79,6 +79,9 @@ export default Vue.extend({
 			type: String,
 			default: 'Ocorreu um erro',
 		},
+		/**
+		 * Is full 
+		 */
 		full: {
 			type: Boolean,
 			default: false,
@@ -86,25 +89,16 @@ export default Vue.extend({
 	},
 	computed: {
 		isBold() {
-			if (this.bold) {
-				return 'card-context-title bold';
-			}
-			return 'card-context-title';
+			return this.bold ? 'card-context-title bold' : 'card-context-title';
 		},
 		isHeightFull() {
-			if (this.full) {
-				return 'card-context height-full';
-			}
-			return 'card-context';
+			return this.full ? 'card-context height-full' : 'card-context';
 		},
 		isSuccess() {
 			return !this.isLoading && !this.isError;
 		},
 		isLargeLoading() {
-			if (this.largeLoading) {
-				return 'normal';
-			}
-			return 'small';
+			return this.largeLoading ? 'normal' : 'small';
 		},
 	},
 });

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

@@ -3,9 +3,11 @@ import CardContext from '../CardContext';
 
 describe('CardContext component', () => {
 	let wrapper;
+	let component;
 
 	beforeEach(() => {
 		wrapper = shallowMount(CardContext);
+		component = wrapper.vm;
 	});
 
 	test('Created hook', () => {
@@ -17,4 +19,39 @@ describe('CardContext component', () => {
 			expect(wrapper.element).toMatchSnapshot();
 		});
 	});
+
+	describe('Computed properties', () => {
+		it('Should compute isBold for false', () => {
+			expect(component.isBold).toEqual('card-context-title');
+		});
+
+		it('Should compute isBold for true', async () => {
+			await wrapper.setProps({
+				bold: true,
+			});
+			expect(component.isBold).toEqual('card-context-title bold');
+		});
+
+		it('Should compute isHeightFull for false', () => {
+			expect(component.isHeightFull).toEqual('card-context');
+		});
+
+		it('Should compute isHeightFull for true', async () => {
+			await wrapper.setProps({
+				full: true,
+			});
+			expect(component.isHeightFull).toEqual('card-context height-full');
+		});
+
+		it('Should compute isLargeLoading for false', () => {
+			expect(component.isLargeLoading).toEqual('small');
+		});
+
+		it('Should compute isLargeLoading for true', async () => {
+			await wrapper.setProps({
+				largeLoading: true,
+			});
+			expect(component.isLargeLoading).toEqual('normal');
+		});
+	});
 });

package/src/components/ResetTableRowSelection/ResetTableRowSelection.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="ml-6 mr-3 d-flex align-center">
-		Total de linhas selecionadas: {{ inputVal.length }}
-		<v-btn color="error" @click="reset" small dense class="ml-3" v-if="inputVal.length > 0">
+		Total de linhas selecionadas: {{ length }}
+		<v-btn color="error" @click="reset" small dense class="ml-3" v-if="length > 0">
 			<v-icon small> mdi-trash-can </v-icon>
-			Limpar
+			Desmarcar
 		</v-btn>
 	</div>
 </template>
@@ -12,34 +12,23 @@ import Vue from 'vue';
 import VBtn from 'vuetify/lib/components/VBtn';
 import VIcon from 'vuetify/lib/components/VIcon';
 export default Vue.extend({
-	name: 'farm-tablerowselection',
+	// name: 'farm-tablerowselection',
 	components: {
 		VBtn,
 		VIcon,
 	},
 	props: {
 		/**
-		 * Variável usada como v-model
-		 * contém a lista selecionada
+		 * Current items length selected
 		 */
-		value: {
-			required: true,
-			type: Array,
-		},
-	},
-	computed: {
-		inputVal: {
-			get() {
-				return this.value;
-			},
-			set(val) {
-				this.$emit('input', val);
-			},
+		length: {
+			default: 0,
+			type: Number,
 		},
 	},
 	methods: {
 		reset() {
-			this.inputVal = [];
+			this.$emit('onReset');
 		},
 	},
 });

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

@@ -1,6 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
 import ResetTableRowSelection from '../ResetTableRowSelection';
-const items = [1, 2, 3];
 
 describe('ResetTableRowSelection component', () => {
 	let wrapper;
@@ -9,7 +8,7 @@ describe('ResetTableRowSelection component', () => {
 	beforeEach(() => {
 		wrapper = shallowMount(ResetTableRowSelection, {
 			propsData: {
-				value: items,
+				length: 2,
 			},
 		});
 		component = wrapper.vm;
@@ -28,7 +27,7 @@ describe('ResetTableRowSelection component', () => {
 	describe('methods', () => {
 		it('Should reset', () => {
 			component.reset();
-			expect(wrapper.emitted().input).toBeDefined();
+			expect(wrapper.emitted().onReset).toBeDefined();
 		});
 	});
 });