fix: unit tests now all pass (fixed issue with KvCheckboxList)

.storybook/stories/KvCheckboxList.stories.js

@@ -5,25 +5,12 @@ export default {
 	component: KvCheckboxList,
 };
 
-const story = (args) => {
-	const template = (_args, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvCheckboxList },
-		template: `<kv-checkbox-list
-			:show-select-all="showSelectAll"
-			:items="items"
-			:selected-values="selectedValues" />`,
-	})
-	template.args = args;
-	return template;
-};
-
 const items = [...Array(4)].map((_, i) => ({ value: `${i}`, title: `Option ${i}` }));
 
-export const Default = story({ items });
+export const Default = { args: { items } };
 
-export const ShowSelectAll = story({ items, showSelectAll: true });
+export const ShowSelectAll = { args: { items, showSelectAll: true } };
 
-export const SelectedValues = story({ items, selectedValues: items.slice(0, 2).map(i => i.value) });
+export const SelectedValues = { args: { items, selectedValues: items.slice(0, 2).map(i => i.value) } };
 
-export const Disabled = story({ items: items.map(i => ({ ...i, disabled: true })) });
+export const Disabled = { args: { items: items.map(i => ({ ...i, disabled: true })) } };

src/components/Kv/KvCheckboxList.vue

@@ -47,7 +47,7 @@ export default {
 		 */
 		selectedValues: {
 			type: Array,
-			default: () => []
+			default: () => ([]),
 		},
 	},
 	data() {
@@ -63,14 +63,16 @@ export default {
 	methods: {
 		toggleSelectAll() {
 			const isAll = this.isAllSelected;
+			const updatedSelected = [...this.selected];
 			this.items.forEach(item => {
-				const index = this.selected.indexOf(item.value);
+				const index = updatedSelected.indexOf(item.value);
 				const exists = index !== -1;
 				if (isAll) {
-					if (exists) this.selected.splice(index, 1);
-				} else if (!exists) this.selected.push(item.value);
+					if (exists) updatedSelected.splice(index, 1);
+				} else if (!exists) updatedSelected.push(item.value);
 			});
-			this.updateSelected(this.selected, undefined, true);
+			this.selected = updatedSelected;
+			this.updateSelected(updatedSelected, undefined, true);
 		},
 		updateSelected(values, changed, wasSelectAll) {
 			this.$emit('updated', { values: [...values], changed, wasSelectAll });