@cnamts/synapse 1.0.14 → 1.0.16

package/src/components/Amelipro/AmeliproUpload/AmeliproUpload.vue

@@ -3,8 +3,22 @@
 /* eslint-disable vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/label-has-for */
 	import type { ErrorBucket, Registrable } from './types'
 	import type { ErrorMessages, ValidationRule } from '@/utils/rules/types'
-	import { type PropType, computed, getCurrentInstance, inject, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-	import { fileUploadDuplicationRule, fileUploadFormatRule, fileUploadMaxFileNumberRule } from '@/utils/amelipro/rules/uploadFile'
+	import {
+		computed,
+		getCurrentInstance,
+		inject,
+		nextTick,
+		onBeforeUnmount,
+		onMounted,
+		type PropType,
+		ref,
+		watch,
+	} from 'vue'
+	import {
+		fileUploadDuplicationRule,
+		fileUploadFormatRule,
+		fileUploadMaxFileNumberRule,
+	} from '@/utils/amelipro/rules/uploadFile'
 	import AmeliproChips from '../AmeliproChips/AmeliproChips.vue'
 	import AmeliproIcon from '../AmeliproIcon/AmeliproIcon.vue'
 	import AmeliproMessage from '../AmeliproMessage/AmeliproMessage.vue'
@@ -23,7 +37,7 @@
 	}
 
 	const props = defineProps({
-		ariaRequired: {
+		required: {
 			type: Boolean,
 			default: false,
 		},
@@ -359,7 +373,7 @@
 	const validationRules = computed<ValidationRule[]>(() => {
 		const rules = [...props.rules]
 
-		if (props.ariaRequired) {
+		if (props.required) {
 			rules.push(isRequiredFn(props.errorMessages))
 		}
 
@@ -410,7 +424,7 @@
 	// }
 
 	// --- Watchers ---
-	watch(() => props.ariaRequired, () => {
+	watch(() => props.required, () => {
 		internalValidate()
 	})
 
@@ -477,7 +491,7 @@
 				:accept="fileTypeAccepted.join(',')"
 				:aria-describedby="describedby"
 				:aria-invalid="hasError"
-				:aria-required="ariaRequired"
+				:required="required"
 				:clearable="false"
 				density="compact"
 				:disabled="disabled"
@@ -510,7 +524,7 @@
 								class="text-body-1 upload-input-text text-left text-ap-grey-darken-1 amelipro-upload__text"
 							>
 								{{ inputLabel }}
-								<span v-if="ariaRequired">
+								<span v-if="required">
 									<span aria-hidden="true">
 										&nbsp;*
 									</span>

package/src/components/Amelipro/AmeliproUpload/__tests__/AmeliproUpload.spec.ts

@@ -1,74 +1,282 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { VueWrapper, shallowMount } from '@vue/test-utils'
-import { beforeEach, describe, expect, it } from 'vitest'
+import { shallowMount, VueWrapper } from '@vue/test-utils'
+import { beforeEach, describe, it, expect } from 'vitest'
 import AmeliproUpload from '../AmeliproUpload.vue'
-import type { ComponentProps } from 'vue-component-type-helpers'
+import TestHelper from '@tests/helpers/TestHelper'
+import type { ErrorMessages } from '@/utils/rules/types'
+import { defineComponent, h, type PropType } from 'vue'
+import type { ValidationRule } from 'vuetify'
+import type { ErrorBucket } from '../types'
 
-const requiredPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
-	fileTypeAccepted: ['text/plain'],
-	uniqueId: 'required-unique-id',
-})
+const expectedPropOptions = {
+	required: {
+		type: Boolean,
+		default: false,
+	},
+	disabled: {
+		type: Boolean,
+		default: false,
+	},
+	errorMessages: {
+		type: Object as PropType<ErrorMessages>,
+		default: undefined,
+	},
+	errorTitle: {
+		type: String,
+		default: undefined,
+	},
+	externalErrors: {
+		type: Array as PropType<ErrorBucket[] | string[]>,
+		default: () => [],
+	},
+	fileTypeAccepted: {
+		type: Array as PropType<string[]>,
+		required: true,
+	},
+	inputLabel: {
+		type: String,
+		default: 'Cliquer sur ce bouton pour joindre vos documents ou les glisser-déposer directement dans ce cadre',
+	},
+	maxFileNumber: {
+		type: Number,
+		default: 1,
+	},
+	rules: {
+		type: Array as PropType<ValidationRule[]>,
+		default: () => [],
+	},
+	uniqueId: {
+		type: String,
+		required: true,
+	},
+	value: {
+		type: Array as PropType<File[]>,
+		default: () => [],
+	},
+	warningRules: {
+		type: Array as PropType<ValidationRule[]>,
+		default: () => [],
+	},
+	warningTitle: {
+		type: String,
+		default: undefined,
+	},
+}
 
-const defaultPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
-	...requiredPropValues(),
-	ariaRequired: false,
-	disabled: false,
-	errorMessages: undefined,
-	errorTitle: undefined,
-	externalErrors: [],
-	inputLabel: 'Cliquer sur ce bouton pour joindre vos documents ou les glisser-déposer directement dans ce cadre',
-	maxFileNumber: 1,
-	rules: [],
-	value: [],
-	warningRules: [],
-	warningTitle: undefined,
+const requiredPropValues = () => ({
+	fileTypeAccepted: ['required-type'],
+	uniqueId: 'required-unique-id',
 })
 
-const modifiedPropValues = (): ComponentProps<typeof AmeliproUpload> => ({
-	ariaRequired: true,
+const modifiedPropValues = () => ({
+	required: true,
 	disabled: true,
 	errorMessages: { error: 'Modified error message' },
+	errorTitle: 'Modified error title',
+	externalErrors: ['Modified external error'],
 	fileTypeAccepted: ['modified-type-1', 'modified-type-2'],
 	inputLabel: 'Modified input label',
 	maxFileNumber: 3,
-	value: [new File(['foo'], 'modified-file.txt')],
 	rules: [() => true],
 	uniqueId: 'modified-unique-id',
+	value: [new File(['foo'], 'modified-file.txt')],
+	warningRules: [() => true],
+	warningTitle: 'Modified warning title',
+})
+
+const VFileInputMock = defineComponent({
+	name: 'VFileInput',
+	props: {
+		id: { type: String, required: true },
+	},
+	setup(props, { slots }) {
+		return () =>
+			h('v-file-input-stub', { id: props.id }, [
+				slots.prepend ? slots.prepend() : null,
+			])
+	},
 })
 
+const testHelper = new TestHelper(AmeliproUpload)
+testHelper
+	.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
+
 describe('AmeliproUpload', () => {
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
 	describe('Setting props should update attributes of inner tags', () => {
-		let wrapper: VueWrapper<any>
+		let wrapper: VueWrapper<InstanceType<typeof AmeliproUpload>>
+
 		beforeEach(() => {
-			wrapper = shallowMount(AmeliproUpload, { props: requiredPropValues() })
+			wrapper = shallowMount(AmeliproUpload, {
+				props: requiredPropValues(),
+				global: {
+					stubs: {
+						VFileInput: VFileInputMock,
+					},
+				},
+			})
 		})
 
-		it('prop uniqueId sets attribute id on root container', async () => {
-			expect(wrapper.attributes('id')).toBe(`${defaultPropValues().uniqueId}-container`)
-			const { uniqueId } = modifiedPropValues()
-			await wrapper.setProps({ uniqueId })
-			expect(wrapper.attributes('id')).toBe(`${modifiedPropValues().uniqueId}-container`)
+		describe('Main', () => {
+			it('prop uniqueId sets attribute id', async () => {
+				expect(wrapper.attributes('id')).toBe(`${testHelper.default('uniqueId')}-container`)
+
+				const { uniqueId } = modifiedPropValues()
+				await wrapper.setProps({ uniqueId })
+				expect(wrapper.attributes('id')).toBe(`${testHelper.modified('uniqueId')}-container`)
+			})
+
+			it('prop externalErrors sets class invalid and valid', async () => {
+				expect(wrapper.classes()).not.toContain('invalid')
+				expect(wrapper.classes()).toContain('valid')
+
+				const { externalErrors } = modifiedPropValues()
+				await wrapper.setProps({ externalErrors })
+				expect(wrapper.classes()).toContain('invalid')
+			})
+		})
+
+		// amelipro-upload__label
+		describe('AmeliproUpload Label', () => {
+			const tag = () => wrapper.find('.amelipro-upload__label')
+
+			it('prop uniqueId sets label text', async () => {
+				expect(tag().attributes('id')).toBe(`${testHelper.default('uniqueId')}-label`)
+
+				const { uniqueId } = modifiedPropValues()
+				await wrapper.setProps({ uniqueId })
+				expect(tag().attributes('id')).toBe(`${testHelper.modified('uniqueId')}-label`)
+			})
+		})
+
+		// amelipro-upload__text
+		describe('AmeliproUpload Text', () => {
+			const tag = () => wrapper.find('.amelipro-upload__text')
+
+			it('prop inputLabel sets label text', async () => {
+				expect(tag().text()).toContain(testHelper.default('inputLabel'))
+
+				const { inputLabel } = modifiedPropValues()
+				await wrapper.setProps({ inputLabel })
+				expect(tag().text()).toContain(testHelper.modified('inputLabel'))
+			})
+
+			// required change text
+			it('prop required adds required text to label', async () => {
+				expect(tag().text()).not.toContain('Champ obligatoire')
+
+				const { required } = modifiedPropValues()
+				await wrapper.setProps({ required })
+				expect(tag().text()).toContain('Champ obligatoire')
+			})
+		})
+
+		// label > img
+		describe('Label Image', () => {
+			const img = () => wrapper.find('.amelipro-upload__label img')
+
+			// unique id
+			it('prop uniqueId sets attribute id', async () => {
+				expect(img().attributes('id')).toBe(`${testHelper.default('uniqueId')}-upload-img`)
+
+				const { uniqueId } = modifiedPropValues()
+				await wrapper.setProps({ uniqueId })
+				expect(img().attributes('id')).toBe(`${testHelper.modified('uniqueId')}-upload-img`)
+			})
 		})
 	})
 
 	describe('Setting props should update props or attributes of inner components', () => {
-		let wrapper: VueWrapper<any>
-		beforeEach(() => {
-			wrapper = shallowMount(AmeliproUpload, { props: requiredPropValues() })
+		describe('VFileInput', () => {
+			let wrapper: VueWrapper<InstanceType<typeof AmeliproUpload>>
+			const fileInput = () => wrapper.findComponent({ name: 'VFileInput' })
+
+			beforeEach(() => {
+				wrapper = shallowMount(AmeliproUpload, { props: requiredPropValues() })
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(fileInput().attributes('id')).toBe(`${testHelper.default('uniqueId')}`)
+
+				const { uniqueId } = modifiedPropValues()
+				await wrapper.setProps({ uniqueId })
+				expect(fileInput().attributes('id')).toBe(`${testHelper.modified('uniqueId')}`)
+			})
+
+			it('prop externalErrors sets attribute describedby', async () => {
+				expect(fileInput().attributes('aria-describedby')).toBeUndefined()
+
+				const { externalErrors } = modifiedPropValues()
+				await wrapper.setProps({ externalErrors })
+				expect(fileInput().attributes('aria-describedby')).toBe('required-unique-id-error')
+			})
+
+			it('prop externalErrors sets attribue aria-invalid', async () => {
+				expect(fileInput().attributes('aria-invalid')).toBe('false')
+
+				const { externalErrors } = modifiedPropValues()
+				await wrapper.setProps({ externalErrors })
+				expect(fileInput().attributes('aria-invalid')).toBe('true')
+			})
+
+			it('prop required sets attribue required', async () => {
+				expect(fileInput().attributes('required')).toBe('false')
+
+				const { required } = modifiedPropValues()
+				await wrapper.setProps({ required })
+				expect(fileInput().attributes('required')).toBe('true')
+			})
 		})
 
-		it('prop disabled sets prop disabled on VFileInput', async () => {
-			expect(wrapper.findComponent({ name: 'VFileInput' }).props('disabled')).toBe(defaultPropValues().disabled)
-			const { disabled } = modifiedPropValues()
-			await wrapper.setProps({ disabled })
-			expect(wrapper.findComponent({ name: 'VFileInput' }).props('disabled')).toBe(modifiedPropValues().disabled)
+		describe('AmeliproIcon', () => {
+			let wrapper: VueWrapper<InstanceType<typeof AmeliproUpload>>
+			const icon = () => wrapper.findComponent({ name: 'AmeliproIcon' })
+
+			beforeEach(() => {
+				wrapper = shallowMount(AmeliproUpload, {
+					props: requiredPropValues(),
+					global: {
+						stubs: {
+							VFileInput: VFileInputMock,
+						},
+					},
+				})
+			})
+
+			it('prop uniqueId sets attribute id', async () => {
+				expect(icon().props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-upload-icon`)
+
+				const { uniqueId } = modifiedPropValues()
+				await wrapper.setProps({ uniqueId })
+				expect(icon().props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-upload-icon`)
+			})
 		})
+	})
 
-		it('prop ariaRequired sets attribute aria-required on VFileInput', async () => {
-			expect(wrapper.findComponent({ name: 'VFileInput' }).attributes('aria-required')).toBe(String(defaultPropValues().ariaRequired))
-			const { ariaRequired } = modifiedPropValues()
-			await wrapper.setProps({ ariaRequired })
-			expect(wrapper.findComponent({ name: 'VFileInput' }).attributes('aria-required')).toBe(String(modifiedPropValues().ariaRequired))
+	describe('Slots', () => {
+		it('displays slot content', () => {
+			const wrapper = shallowMount(AmeliproUpload, {
+				props: requiredPropValues(),
+				slots: {
+					'append-icon': '<div id="slot-content">Slot Content</div>',
+				},
+				global: {
+					stubs: {
+						VFileInput: VFileInputMock,
+					},
+				},
+			})
+			expect(wrapper.find('#slot-content').text()).toBe('Slot Content')
 		})
 	})
+
+	// TODO: Events
 })

package/src/components/Amelipro/AmeliproUpload/__tests__/__snapshots__/AmeliproUpload.spec.ts.snap

@@ -0,0 +1,166 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AmeliproUpload > Snapshots > renders the component with all properties filled in 1`] = `
+<div
+  class="
+    amelipro-upload
+    d-flex
+    dashed-style
+    flex-column
+    invalid
+  "
+  id="modified-unique-id-container"
+>
+  <div class="
+    align-center
+    d-flex
+    justify-space-between
+    w-100
+  ">
+    <v-file-input-stub
+      accept="modified-type-1,modified-type-2"
+      active="false"
+      aria-describedby="modified-unique-id-error modified-unique-id-warning"
+      aria-invalid="true"
+      chips="false"
+      clearable="false"
+      clearicon="$clear"
+      counter="false"
+      countersizestring="$vuetify.fileInput.counterSize"
+      counterstring="$vuetify.fileInput.counter"
+      density="compact"
+      details="false"
+      direction="horizontal"
+      dirty="false"
+      disabled="true"
+      error="true"
+      errormessages=""
+      flat="false"
+      focused="false"
+      glow="false"
+      hidedetails="true"
+      hideinput="false"
+      hidespinbuttons="false"
+      iconcolor="false"
+      id="modified-unique-id"
+      loading="false"
+      maxerrors="1"
+      messages=""
+      modelvalue=""
+      multiple="true"
+      persistentclear="false"
+      persistenthint="false"
+      prependicon=""
+      required="true"
+      reverse="false"
+      rules=""
+      showsize="false"
+      singleline="false"
+      tile="false"
+      variant="filled"
+    ></v-file-input-stub>
+  </div>
+  <div class="
+    d-flex
+    error-wrapper
+  ">
+    <amelipro-message-stub
+      alignstart="false"
+      borderleftmessage="false"
+      class="my-2"
+      dark="false"
+      dismissible="false"
+      noicon="false"
+      text="true"
+      type="error"
+      uniqueid="modified-unique-id-error"
+      value="true"
+      width="100%"
+    ></amelipro-message-stub>
+  </div>
+  <div class="
+    d-flex
+    warning-wrapper
+  ">
+    <amelipro-message-stub
+      alignstart="false"
+      borderleftmessage="false"
+      class="my-2"
+      dark="false"
+      dismissible="false"
+      noicon="false"
+      text="true"
+      type="warning"
+      uniqueid="modified-unique-id-warning"
+      value="true"
+      width="100%"
+    ></amelipro-message-stub>
+  </div>
+  <!-- v-if -->
+</div>
+`;
+
+exports[`AmeliproUpload > Snapshots > renders the component with only required properties filled in 1`] = `
+<div
+  class="
+    amelipro-upload
+    d-flex
+    dashed-style
+    flex-column
+    valid
+  "
+  id="required-unique-id-container"
+>
+  <div class="
+    align-center
+    d-flex
+    justify-space-between
+    w-100
+  ">
+    <v-file-input-stub
+      accept="required-type"
+      active="false"
+      aria-invalid="false"
+      chips="false"
+      clearable="false"
+      clearicon="$clear"
+      counter="false"
+      countersizestring="$vuetify.fileInput.counterSize"
+      counterstring="$vuetify.fileInput.counter"
+      density="compact"
+      details="false"
+      direction="horizontal"
+      dirty="false"
+      disabled="false"
+      error="false"
+      errormessages=""
+      flat="false"
+      focused="false"
+      glow="false"
+      hidedetails="true"
+      hideinput="false"
+      hidespinbuttons="false"
+      iconcolor="false"
+      id="required-unique-id"
+      loading="false"
+      maxerrors="1"
+      messages=""
+      modelvalue=""
+      multiple="true"
+      persistentclear="false"
+      persistenthint="false"
+      prependicon=""
+      required="false"
+      reverse="false"
+      rules=""
+      showsize="false"
+      singleline="false"
+      tile="false"
+      variant="filled"
+    ></v-file-input-stub>
+  </div>
+  <!-- v-if -->
+  <!-- v-if -->
+  <!-- v-if -->
+</div>
+`;

package/src/components/Amelipro/ServiceMenu/ServiceBtn/__tests__/ServiceBtn.spec.ts

@@ -0,0 +1,137 @@
+import { VueWrapper, mount, shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it } from 'vitest'
+import type { ComponentProps } from 'vue-component-type-helpers'
+import type { ExpectedPropOptions } from '@tests/types'
+import type { PropType } from 'vue'
+import type { Service } from '../types'
+import ServiceBtn from '../ServiceBtn.vue'
+import TestHelper from '@tests/helpers/TestHelper'
+
+const expectedPropOptions: ExpectedPropOptions<typeof ServiceBtn> = {
+	iconBgColor: {
+		type: String,
+		required: true,
+	},
+	iconHoverBgColor: {
+		type: String,
+		required: true,
+	},
+	item: {
+		type: Object as PropType<Service>,
+		required: true,
+	},
+	uniqueId: {
+		type: String,
+		default: undefined,
+	},
+}
+
+// Values pour les props "required"
+const requiredPropValues = (): ComponentProps<typeof ServiceBtn> => ({
+	iconBgColor: 'required-icon-bg-color',
+	iconHoverBgColor: 'required-icon-hover-bg-color',
+	item: {
+		icon: 'required-item-icon',
+		label: 'Required item label',
+	},
+})
+
+// Valeurs pour les props "modified"
+const modifiedPropValues = (): ComponentProps<typeof ServiceBtn> => ({
+	iconBgColor: 'ap-blue-darken-1',
+	iconHoverBgColor: 'ap-blue darken-2',
+	item: {
+		icon: 'modified-item-icon',
+		label: 'Modified item label',
+	},
+	uniqueId: 'modified-unique-id',
+})
+
+const testHelper = new TestHelper(ServiceBtn)
+testHelper.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
+
+describe('ServiceBtn', () => {
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
+	describe('Setting props should update attributes of inner tags', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceBtn>>
+		beforeEach(() => {
+			// On utilie mount car le label est dans un slot
+			// et shallowMount ne gère pas les slots
+			vueWrapper = mount(ServiceBtn, { props: requiredPropValues() })
+		})
+
+		it('prop uniqueId sets id attribute on label span', async () => {
+			// Par défaut, uniqueId n'est pas défini donc pas d'id sur le span
+			expect(vueWrapper.find('.service-btn__text').attributes('id')).toBeUndefined()
+			const { uniqueId } = modifiedPropValues()
+			await vueWrapper.setProps({ uniqueId })
+			expect(vueWrapper.find('.service-btn__text').attributes('id')).toBe(`${testHelper.modified('uniqueId')}-text`)
+		})
+	})
+
+	describe('Setting props should update props or attributes of inner components', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceBtn>>
+		beforeEach(() => {
+			vueWrapper = shallowMount(ServiceBtn, { props: requiredPropValues() })
+		})
+
+		it('prop iconBgColor sets prop icon-bg-color on AmeliproIconBtn', async () => {
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).props('iconBgColor')).toBe(testHelper.default('iconBgColor'))
+			const { iconBgColor } = modifiedPropValues()
+			await vueWrapper.setProps({ iconBgColor })
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).props('iconBgColor')).toBe(testHelper.modified('iconBgColor'))
+		})
+
+		it('prop iconHoverBgColor sets prop icon-hover-bg-color on AmeliproIconBtn', async () => {
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).props('iconHoverBgColor')).toBe(testHelper.default('iconHoverBgColor'))
+			const { iconHoverBgColor } = modifiedPropValues()
+			await vueWrapper.setProps({ iconHoverBgColor })
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).props('iconHoverBgColor')).toBe(testHelper.modified('iconHoverBgColor'))
+		})
+	})
+
+	describe('Events', () => {
+		it('emits click when AmeliproIconBtn is clicked', async () => {
+			const vueWrapper = mount(ServiceBtn, { props: requiredPropValues() })
+			await vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).trigger('click')
+			expect(vueWrapper.emitted('click')).toBeTruthy()
+		})
+		it('emits click when AmeliproBtn is clicked', async () => {
+			const vueWrapper = mount(ServiceBtn, {
+				props: {
+					...requiredPropValues(),
+					item: { imgSrc: 'img.png', label: 'Required item label' },
+				},
+			})
+			await vueWrapper.findComponent({ name: 'AmeliproBtn' }).trigger('click')
+			expect(vueWrapper.emitted('click')).toBeTruthy()
+		})
+	})
+
+	describe('Other', () => {
+		it('renders AmeliproIconBtn if item.icon is defined', () => {
+			const vueWrapper = shallowMount(ServiceBtn, { props: requiredPropValues() })
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).exists()).toBe(true)
+			expect(vueWrapper.findComponent({ name: 'AmeliproBtn' }).exists()).toBe(false)
+		})
+		it('renders AmeliproBtn if item.imgSrc is defined and no icon', () => {
+			const vueWrapper = shallowMount(ServiceBtn, {
+				props: {
+					...requiredPropValues(),
+					item: { imgSrc: 'img.png', label: 'Required item label' },
+				},
+			})
+			expect(vueWrapper.findComponent({ name: 'AmeliproBtn' }).exists()).toBe(true)
+			expect(vueWrapper.findComponent({ name: 'AmeliproIconBtn' }).exists()).toBe(false)
+		})
+	})
+})