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

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

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

package/src/components/IconBox/index.js

@@ -0,0 +1,3 @@
+import IconBox from './IconBox.vue';
+
+export default IconBox;

package/src/components/Logos/OriginatorLogo/OriginatorLogo.stories.js

@@ -0,0 +1,13 @@
+import OriginatorLogo from './OriginatorLogo.vue';
+
+export default {
+	title: 'Example/Logos/OriginatorLogo',
+	component: OriginatorLogo,
+};
+
+export const Primary = () => ({
+	components: { OriginatorLogo },
+	template: '<OriginatorLogo alt="primary" id="1" />',
+});
+
+Primary.storyName = 'Básico';

package/src/components/Logos/OriginatorLogo/OriginatorLogo.vue

@@ -0,0 +1,31 @@
+<template>
+	<img :src="imgSrc" />
+</template>
+<script>
+import Vue from 'vue';
+
+export default Vue.extend({
+	name: 'farm-imglogo-originator',
+	inheritAttrs: true,
+	props: {
+		/**
+		 * Product id
+		 */
+		id: {
+			required: true,
+		},
+		/**
+		 * Logo variation
+		 */
+		variation: {
+			type: String,
+			default: 'full',
+		},
+	},
+	computed: {
+		imgSrc() {
+			return `/public/logos/originadores/${this.id}/${this.variation}.svg`;
+		},
+	},
+});
+</script>

package/src/components/Logos/OriginatorLogo/__tests__/OriginatorLogo.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+import OriginatorLogo from '../OriginatorLogo';
+
+describe('OriginatorLogo component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(OriginatorLogo, {
+			propsData: {
+				id: 10,
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('Computed properties', () => {
+		it('Should have imgSrc', () => {
+			expect(component.imgSrc).toEqual('/public/logos/originadores/10/full.svg');
+		});
+	});
+});

package/src/components/Logos/OriginatorLogo/index.js

@@ -0,0 +1,4 @@
+import OriginatorLogo from './OriginatorLogo';
+
+export { OriginatorLogo };
+export default OriginatorLogo;

package/src/components/Logos/ProductLogo/ProductLogo.stories.js

@@ -0,0 +1,13 @@
+import ProductLogo from './ProductLogo.vue';
+
+export default {
+	title: 'Example/Logos/ProductLogo',
+	component: ProductLogo,
+};
+
+export const Primary = () => ({
+	components: { ProductLogo },
+	template: '<ProductLogo alt="primary" id="1" />',
+});
+
+Primary.storyName = 'Básico';

package/src/components/Logos/ProductLogo/ProductLogo.vue

@@ -0,0 +1,31 @@
+<template>
+	<img :src="imgSrc" />
+</template>
+<script>
+import Vue from 'vue';
+
+export default Vue.extend({
+	name: 'farm-imglogo-product',
+	inheritAttrs: true,
+	props: {
+		/**
+		 * Product id
+		 */
+		id: {
+			required: true,
+		},
+		/**
+		 * Logo variation
+		 */
+		variation: {
+			type: String,
+			default: 'full',
+		},
+	},
+	computed: {
+		imgSrc() {
+			return `/public/logos/products/${this.id}/${this.variation}.svg`;
+		},
+	},
+});
+</script>

package/src/components/Logos/ProductLogo/__tests__/ProductLogo.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+import ProductLogo from '../ProductLogo';
+
+describe('ProductLogo component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(ProductLogo, {
+			propsData: {
+				id: 10,
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('Computed properties', () => {
+		it('Should have imgSrc', () => {
+			expect(component.imgSrc).toEqual('/public/logos/products/10/full.svg');
+		});
+	});
+});

package/src/components/Logos/ProductLogo/index.js

@@ -0,0 +1,4 @@
+import ProductLogo from './ProductLogo';
+
+export { ProductLogo };
+export default ProductLogo;

package/src/components/Logos/index.js

@@ -0,0 +1,2 @@
+export * from './ProductLogo/';
+export * from './OriginatorLogo/';

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

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils';
+import MainFilter from '../MainFilter';
+
+describe('MainFilter component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(MainFilter);
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('methods', () => {
+		it('Should emit event', () => {
+			component.onFilterClick();
+			expect(wrapper.emitted().onClick).toBeTruthy();
+		});
+	});
+});

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

@@ -0,0 +1,27 @@
+import { shallowMount } from '@vue/test-utils';
+import ManagersList from '../ManagersList';
+
+describe('ManagersList component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(ManagersList, {
+			propsData: {
+				managersString: 'a,b,c',
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('Computed properties', () => {
+		it('Should have managers array', () => {
+			expect(component.managers).toBeInstanceOf(Array);
+			expect(component.managers.length).toEqual(3);
+		});
+	});
+});

package/src/components/Tabs/{Tabs.spec.js → __tests__/Tabs.spec.js}

@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
-import Tabs from './Tabs';
+import Tabs from '../Tabs';
 
 describe('Tabs component', () => {
     let wrapper;

package/src/main.js

@@ -16,7 +16,10 @@ import PromptUserToConfirm from './components/PromptUserToConfirm';
 import ModalPromptUser from './components/ModalPromptUser';
 
 import TableContextMenu from './components/TableContextMenu';
-import DefaultButton from './components/Buttons/DefaultButton/DefaultButton.vue';
+import IconBox from './components/IconBox';
+import CardContext from './components/CardContext';
+
+import DefaultButton from './components/Buttons/DefaultButton/DefaultButton';
 
 export {
 	DataTableEmptyWrapper,
@@ -37,6 +40,8 @@ export {
 	TableContextMenu,
 	ModalPromptUser,
 	DefaultButton,
+	IconBox,
+	CardContext,
 };
 
 export * from './components/Buttons/DefaultButton/';
@@ -46,3 +51,5 @@ export * from './components/Buttons/ExportButton/';
 export * from './components/Buttons/ImportButton/';
 export * from './components/Buttons/ToggleButton/';
 export * from './components/Buttons/RemoveButton/';
+export * from './components/Logos/ProductLogo/';
+export * from './components/Logos/OriginatorLogo/';

package/src/components/MainFilter/MainFilter.spec.js

@@ -1,43 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import MainFilter from './MainFilter';
-
-describe('MainFilter component', () => {
-    let wrapper;
-    let component;
-
-    beforeEach(() => {
-        wrapper = shallowMount(MainFilter);
-        component = wrapper.vm;
-    });
-
-    test('Created hook', () => {
-        expect(wrapper).toBeDefined();
-    });
-
-    describe('methods', () => {
-        describe('onKeyUp', () => {
-            it('Should change value after throttle', done => {
-                const mockEvent = { target: { value: 'some value' } };
-                const spy = jest.spyOn(component, '$emit');
-                component.onKeyUp(mockEvent);
-                setTimeout(() => {
-                    expect(spy).toHaveBeenCalledWith('onInputChange', 'some value');
-                    done();
-                }, 300);
-            });
-
-            it('Should clear timer', async () => {
-                await wrapper.setData({ timer: true });
-                const mockEvent = { target: { value: 'some value' } };
-                const spy = jest.spyOn(window, 'clearTimeout');
-                component.onKeyUp(mockEvent);
-                expect(spy).toHaveBeenCalled();
-            });
-        });
-
-        it('Should emit event', () => {
-            component.onFilterClick();
-            expect(wrapper.emitted().onClick).toBeTruthy();
-        });
-    });
-});