Fixing tests

Author: webdevnerdstuff

src/plugin/components/VInlineAutocomplete/__tests__/VInlineAutocomplete.spec.ts

@@ -8,21 +8,23 @@ import { selectProps } from '../../../utils/props';
 const vuetify = createVuetify();
 
 const componentProps = Object.assign(selectProps, {
-  cardProps: {},
-  items: [],
-  // isRequired: false,
+	autoSelectFirst: false,
+	cardProps: {},
+	items: [],
+	menuIcon: '$dropdown',
+	rules: [],
 });
 
 describe('VInlineSelect', () => {
-  const wrapper = mount(VInlineAutocomplete, {
-    global: {
-      plugins: [vuetify],
-    },
-  });
+	const wrapper = mount(VInlineAutocomplete, {
+		global: {
+			plugins: [vuetify],
+		},
+	});
 
-  it('testing default component props', () => {
-    const returnedProps = wrapper.getComponent(VInlineAutocomplete).props();
+	it('testing default component props', () => {
+		const returnedProps = wrapper.getComponent(VInlineAutocomplete).props();
 
-    expect(returnedProps).toEqual(componentProps);
-  });
+		expect(returnedProps).toEqual(componentProps);
+	});
 });

src/plugin/components/common/__tests__/common.test.ts

@@ -5,7 +5,7 @@ import SaveFieldButtons from '../SaveFieldButtons.vue';
 import { createVuetify } from 'vuetify';
 import { describe, it, expect } from 'vitest';
 import { mount } from '@vue/test-utils';
-import { selectProps } from '@/plugin/utils/props';
+import { selectProps } from '../../../utils/props';
 
 
 const vuetify = createVuetify();

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

@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import { createVuetify } from 'vuetify';
 import { useGetColor } from '../colors';
 import defaultThemes from '../../../plugins/theme';
@@ -34,6 +34,9 @@ describe('Colors Composable', () => {
 			});
 		});
 
+		// console.warn tests //
+		const logSpy = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
+
 		it('should return HSLA default value if color not found', () => {
 			const responseColor = useGetColor('foobar', theme);
 
@@ -45,5 +48,23 @@ describe('Colors Composable', () => {
 
 			expect(responseColor).toMatchInlineSnapshot(`"rgb(var(--v-theme-primary))"`);
 		});
+
+		it('should console warn when color prop "foobar" doesn\'t exist in colors', () => {
+			logSpy.mockReset();
+
+			useGetColor('foobar', theme);
+
+			expect(logSpy).toHaveBeenCalled();
+			expect(logSpy).toHaveBeenCalledTimes(1);
+		});
+
+		it('should console warn when color prop "--v-foobar" doesn\'t exist in colors', () => {
+			logSpy.mockReset();
+
+			useGetColor('--v-foobar', theme);
+
+			expect(logSpy).toHaveBeenCalled();
+			expect(logSpy).toHaveBeenCalledTimes(1);
+		});
 	});
 });

src/plugin/composables/colors.ts

@@ -93,7 +93,7 @@ function convertToHSL(color: string): string {
 	if (max === null || !min === null || isNaN(max) || isNaN(min)) {
 		const defaultColor = '0 0% 100% / 12%';
 
-		console.warn(`[VuetifyInlineFields: The "color" prop value using "${newColor}" doesn't exist. Using the value "hsl(${defaultColor})" in it's place.`);
+		console.warn(`[VuetifyInlineFields]: The "color" prop value using "${newColor}" doesn't exist. Using the value "hsl(${defaultColor})" in it's place.`);
 		return defaultColor;
 	}
 

vitest.config.mts

@@ -10,7 +10,6 @@ export default mergeConfig(
 			exclude: [
 				...configDefaults.exclude,
 				'./src/plugin/components/common/__tests__/common.test.ts',
-				'./src/plugin/components/VInlineAutocomplete'
 			],
 			root: fileURLToPath(new URL('./', import.meta.url)),
 			server: {