updating tests

Author: webdevnerdstuff

src/plugin/composables/__tests__/__snapshots__/classes.test.ts.snap

@@ -1,10 +1,46 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Classes Composable > useContainerClasses > should return class object 1`] = `
+exports[`Classes Composable > useColumnClasses > should return column classes with fieldColumns being the higher priority 1`] = `
+{
+  "v-col-12": true,
+  "v-col-lg-6": true,
+  "v-col-md-6": true,
+  "v-col-sm-10": true,
+  "v-col-xl-9": true,
+  "v-cols": true,
+}
+`;
+
+exports[`Classes Composable > useContainerClasses > should return class object with direction horizontal 1`] = `
+{
+  "d-flex flex-column justify-center align-center": true,
+  "v-stepper-form": true,
+  "v-stepper-form--container": true,
+  "v-stepper-form--container-horizontal": true,
+}
+`;
+
+exports[`Classes Composable > useContainerClasses > should return class object with direction vertical 1`] = `
 {
   "d-flex flex-column justify-center align-center": false,
   "v-stepper-form": true,
   "v-stepper-form--container": true,
-  "v-stepper-form--container-undefined": true,
+  "v-stepper-form--container-vertical": true,
+}
+`;
+
+exports[`Classes Composable > useStepperContainerClasses > should return class object with direction horizontal 1`] = `
+{
+  "d-flex flex-column justify-center align-center": true,
+  "v-stepper-form--container-stepper": true,
+  "v-stepper-form--container-stepper-horizontal": true,
+}
+`;
+
+exports[`Classes Composable > useStepperContainerClasses > should return class object with direction vertical 1`] = `
+{
+  "d-flex flex-column justify-center align-center": false,
+  "v-stepper-form--container-stepper": true,
+  "v-stepper-form--container-stepper-vertical": true,
 }
 `;

src/plugin/composables/__tests__/classes.test.ts

@@ -1,15 +1,67 @@
 import { describe, it, expect } from 'vitest';
 import {
-	useContainerClasses
+	useColumnClasses,
+	useContainerClasses,
+	useStepperContainerClasses,
 } from '../classes';
 
 
 describe('Classes Composable', () => {
 
 	describe('useContainerClasses', () => {
-		it('should return class object', () => {
+		it('should return class object with direction horizontal', () => {
 			const classes = useContainerClasses({
-				isOption: true,
+				direction: 'horizontal',
+			});
+
+			expect(classes).toMatchSnapshot();
+		});
+
+		it('should return class object with direction vertical', () => {
+			const classes = useContainerClasses({
+				direction: 'vertical',
+			});
+
+			expect(classes).toMatchSnapshot();
+		});
+	});
+
+	describe('useStepperContainerClasses', () => {
+		it('should return class object with direction horizontal', () => {
+			const classes = useStepperContainerClasses({
+				direction: 'horizontal',
+			});
+
+			expect(classes).toMatchSnapshot();
+		});
+
+		it('should return class object with direction vertical', () => {
+			const classes = useStepperContainerClasses({
+				direction: 'vertical',
+			});
+
+			expect(classes).toMatchSnapshot();
+		});
+	});
+
+	describe('useColumnClasses', () => {
+		it('should return column classes with fieldColumns being the higher priority', () => {
+			const columnsMerged = {
+				lg: 12,
+				md: 12,
+				sm: 10,
+				xl: 9,
+			};
+
+			const fieldColumns = {
+				lg: 6,
+				md: 6,
+			};
+
+			const classes = useColumnClasses({
+				columnsMerged,
+				fieldColumns,
+				propName: 'foo field',
 			});
 
 			expect(classes).toMatchSnapshot();

src/plugin/composables/__tests__/helpers.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import {
 	useColumnErrorCheck,
+	useDeepMerge,
 } from '../helpers';
 
 describe('Helpers Composable', () => {
@@ -35,4 +36,79 @@ describe('Helpers Composable', () => {
 			});
 		});
 	});
+
+	describe('useDeepMerge', () => {
+		it('should deep merge 3 objects', () => {
+
+			const attrs = { class: 'foo-class' };
+
+			const injectedOptions = {
+				autoPage: false,
+				autoPageDelay: 1000,
+				color: 'primary',
+				density: 'compact',
+				fieldColumns: {
+					lg: 12,
+					md: 12,
+					sm: 6,
+				},
+				summaryColumns: {
+					md: 12,
+					sm: 6,
+				},
+				zed: {
+					foo: {
+						bar: 'baz',
+						qux: 'qux',
+					},
+				},
+			};
+
+			const props = {
+				autoPage: true,
+				autoPageDelay: 250,
+				color: 'secondary',
+				density: 'default',
+				fieldColumns: {
+					md: 6,
+					sm: 12,
+				},
+				summaryColumns: {
+					md: 6,
+					sm: 12,
+				},
+				zed: {
+					foo: {
+						bar: 'biz',
+					},
+				},
+			};
+
+			const mergedProps = useDeepMerge(attrs, injectedOptions, props);
+
+			expect(mergedProps)
+				.toEqual({
+					autoPage: true,
+					autoPageDelay: 250,
+					class: 'foo-class',
+					color: 'secondary',
+					density: 'default',
+					fieldColumns: {
+						lg: 12,
+						md: 6,
+						sm: 12,
+					},
+					summaryColumns: {
+						md: 6,
+						sm: 12,
+					},
+					zed: {
+						foo: {
+							bar: 'biz',
+							qux: 'qux',
+						},
+					},
+				});
+		});
+	});
 });