@cnamts/synapse 1.0.15 → 1.0.16

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

@@ -0,0 +1,56 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ServiceBtn > Snapshots > renders the component with all properties filled in 1`] = `
+<div>
+  <amelipro-icon-btn-stub
+    badge="false"
+    bordered="false"
+    class="
+      d-flex
+      service-btn
+      text-center
+      text-none
+    "
+    icon="modified-item-icon"
+    iconbgcolor="ap-blue-darken-1"
+    iconcolor="ap-white"
+    iconhoverbgcolor="ap-blue darken-2"
+    iconhovercolor="ap-white"
+    large="false"
+    medium="false"
+    ripple="false"
+    size="2.5rem"
+    small="false"
+    uniqueid="modified-unique-id"
+    xlarge="false"
+  ></amelipro-icon-btn-stub>
+  <!-- v-if -->
+</div>
+`;
+
+exports[`ServiceBtn > Snapshots > renders the component with only required properties filled in 1`] = `
+<div>
+  <amelipro-icon-btn-stub
+    badge="false"
+    bordered="false"
+    class="
+      d-flex
+      service-btn
+      text-center
+      text-none
+    "
+    icon="required-item-icon"
+    iconbgcolor="required-icon-bg-color"
+    iconcolor="ap-white"
+    iconhoverbgcolor="required-icon-hover-bg-color"
+    iconhovercolor="ap-white"
+    large="false"
+    medium="false"
+    ripple="false"
+    size="2.5rem"
+    small="false"
+    xlarge="false"
+  ></amelipro-icon-btn-stub>
+  <!-- v-if -->
+</div>
+`;

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

@@ -0,0 +1,116 @@
+import { VueWrapper, 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 '../../ServiceBtn/types'
+import ServiceBtn from '../../ServiceBtn/ServiceBtn.vue'
+import ServiceList from '../ServiceList.vue'
+import TestHelper from '@tests/helpers/TestHelper'
+
+const expectedPropOptions: ExpectedPropOptions<typeof ServiceList> = {
+	items: {
+		type: Array as PropType<Service[]>,
+		required: true,
+	},
+	serviceContact: {
+		type: Boolean,
+		default: false,
+	},
+	servicePatient: {
+		type: Boolean,
+		default: false,
+	},
+	uniqueId: {
+		type: String,
+		required: true,
+	},
+}
+
+// Values pour les props "required"
+const requiredPropValues = (): ComponentProps<typeof ServiceList> => ({
+	items: [],
+	uniqueId: 'required-unique-id',
+})
+
+// Valeurs pour les props "modified"
+const modifiedPropValues = (): ComponentProps<typeof ServiceList> => ({
+	items: [
+		{
+			icon: 'modified-item-icon-1',
+			label: 'Modified item label 1',
+		},
+		{
+			icon: 'modified-item-icon-2',
+			label: 'Modified item label 2',
+		},
+	] as Service[],
+	serviceContact: true,
+	servicePatient: true,
+	uniqueId: 'modified-unique-id',
+})
+
+const testHelper = new TestHelper(ServiceList)
+testHelper.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
+
+describe('ServiceList', () => {
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
+	describe('Setting props should update attributes of inner tags', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceList>>
+		beforeEach(() => {
+			vueWrapper = shallowMount(ServiceList, { props: requiredPropValues() })
+		})
+
+		it('prop uniqueId sets id attribute on root ul', async () => {
+			expect(vueWrapper.find('ul').attributes('id')).toBe(testHelper.default('uniqueId'))
+			const { uniqueId } = modifiedPropValues()
+			await vueWrapper.setProps({ uniqueId })
+			expect(vueWrapper.find('ul').attributes('id')).toBe(testHelper.modified('uniqueId'))
+		})
+	})
+
+	describe('Setting props should update props or attributes of inner components', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceList>>
+		beforeEach(() => {
+			vueWrapper = shallowMount(ServiceList, { props: modifiedPropValues(), global: { stubs: { ServiceBtn } } })
+		})
+
+		it('prop items sets item prop on ServiceBtn', () => {
+			const serviceBtns = vueWrapper.findAllComponents(ServiceBtn)
+			expect(serviceBtns.length).toBe(modifiedPropValues().items.length)
+			serviceBtns.forEach((btn, idx) => {
+				expect(btn.props('item')).toEqual(modifiedPropValues().items[idx])
+			})
+		})
+
+		it('prop uniqueId sets unique-id prop on ServiceBtn', () => {
+			const serviceBtns = vueWrapper.findAllComponents(ServiceBtn)
+			serviceBtns.forEach((btn, idx) => {
+				expect(btn.props('uniqueId')).toBe(`modified-unique-id-service-patient-btn-${idx}`)
+			})
+		})
+	})
+
+	describe('Other', () => {
+		it('renders correct number of ServiceBtn', () => {
+			const vueWrapper = shallowMount(ServiceList, { props: modifiedPropValues(), global: { stubs: { ServiceBtn } } })
+			expect(vueWrapper.findAllComponents(ServiceBtn).length).toBe(modifiedPropValues().items.length)
+		})
+
+		it('renders correct li ids', () => {
+			const vueWrapper = shallowMount(ServiceList, { props: modifiedPropValues(), global: { stubs: { ServiceBtn } } })
+			modifiedPropValues().items.forEach((_, idx) => {
+				expect(vueWrapper.find(`#${testHelper.modified('uniqueId')}-item-${idx}`).exists()).toBe(true)
+			})
+		})
+	})
+})

package/src/components/Amelipro/ServiceMenu/ServiceList/__tests__/__snapshots__/ServiceList.spec.ts.snap

@@ -0,0 +1,58 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ServiceList > Snapshots > renders the component with all properties filled in 1`] = `
+<ul
+  class="
+    d-flex
+    flex-wrap
+    list-style-none
+    service-list
+  "
+  id="modified-unique-id"
+>
+  <li
+    class="
+      mx-1
+      my-2
+      service-item
+    "
+    id="modified-unique-id-item-0"
+    style="max-width: calc((100% / 3) - 8px);"
+  >
+    <service-btn-stub
+      iconbgcolor="#1CB0BA"
+      iconhoverbgcolor="#006A77"
+      item="[object Object]"
+      uniqueid="modified-unique-id-service-patient-btn-0"
+    ></service-btn-stub>
+  </li>
+  <li
+    class="
+      mx-1
+      my-2
+      service-item
+    "
+    id="modified-unique-id-item-1"
+    style="max-width: calc((100% / 3) - 8px);"
+  >
+    <service-btn-stub
+      iconbgcolor="#1CB0BA"
+      iconhoverbgcolor="#006A77"
+      item="[object Object]"
+      uniqueid="modified-unique-id-service-patient-btn-1"
+    ></service-btn-stub>
+  </li>
+</ul>
+`;
+
+exports[`ServiceList > Snapshots > renders the component with only required properties filled in 1`] = `
+<ul
+  class="
+    d-flex
+    flex-wrap
+    list-style-none
+    service-list
+  "
+  id="required-unique-id"
+></ul>
+`;

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

@@ -0,0 +1,118 @@
+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 '../../ServiceBtn/types'
+import ServiceMenuContent from '../ServiceMenuContent.vue'
+import TestHelper from '@tests/helpers/TestHelper'
+
+const expectedPropOptions: ExpectedPropOptions<typeof ServiceMenuContent> = {
+	messageToDisplay: {
+		type: String,
+		default: undefined,
+	},
+	servicesContact: {
+		type: Array as PropType<Service[]>,
+		default: () => [],
+	},
+	servicesPatient: {
+		type: Array as PropType<Service[]>,
+		default: () => [],
+	},
+	servicesPs: {
+		type: Array as PropType<Service[]>,
+		required: true,
+	},
+	uniqueId: {
+		type: String,
+		required: true,
+	},
+}
+
+const serviceList = (): Service[] => ([
+	{
+		href: '#',
+		icon: 'modified-item-icon-1',
+		label: 'Modified item label 1',
+	},
+	{
+		href: '#',
+		icon: 'modified-item-icon-2',
+		label: 'Modified item label 2',
+	},
+])
+
+const requiredPropValues = (): ComponentProps<typeof ServiceMenuContent> => ({
+	servicesPs: [],
+	uniqueId: 'required-unique-id',
+})
+
+const modifiedPropValues = (): ComponentProps<typeof ServiceMenuContent> => ({
+	messageToDisplay: 'Modified message to display',
+	servicesContact: serviceList(),
+	servicesPatient: serviceList(),
+	servicesPs: serviceList(),
+	uniqueId: 'modified-unique-id',
+})
+
+const testHelper = new TestHelper(ServiceMenuContent)
+testHelper.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
+
+describe('ServiceMenuContent', () => {
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
+	describe('Setting props should update attributes of inner tags', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceMenuContent>>
+		beforeEach(() => {
+			vueWrapper = shallowMount(ServiceMenuContent, { props: requiredPropValues() })
+		})
+
+		it('prop uniqueId sets id attribute on nav', async () => {
+			expect(vueWrapper.find('nav').attributes('id')).toBe(testHelper.default('uniqueId'))
+			const { uniqueId } = modifiedPropValues()
+			await vueWrapper.setProps({ uniqueId })
+			expect(vueWrapper.find('nav').attributes('id')).toBe(testHelper.modified('uniqueId'))
+		})
+	})
+
+	describe('Setting props should update props or attributes of inner components', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof ServiceMenuContent>>
+		beforeEach(() => {
+			vueWrapper = shallowMount(ServiceMenuContent, { props: requiredPropValues() })
+		})
+
+		it('prop servicesPs sets items prop on ServiceList', async () => {
+			expect(vueWrapper.findComponent({ name: 'ServiceList' }).props('items')).toStrictEqual(testHelper.default('servicesPs'))
+			const { servicesPs } = modifiedPropValues()
+			await vueWrapper.setProps({ servicesPs })
+			expect(vueWrapper.findComponent({ name: 'ServiceList' }).props('items')).toStrictEqual(testHelper.modified('servicesPs'))
+		})
+
+		it('prop uniqueId sets unique-id prop on ServiceList', async () => {
+			expect(vueWrapper.findComponent({ name: 'ServiceList' }).props('uniqueId')).toBe(`${testHelper.default('uniqueId')}-ps-service-list`)
+			const { uniqueId } = modifiedPropValues()
+			await vueWrapper.setProps({ uniqueId })
+			expect(vueWrapper.findComponent({ name: 'ServiceList' }).props('uniqueId')).toBe(`${testHelper.modified('uniqueId')}-ps-service-list`)
+		})
+	})
+
+	describe('Slots', () => {
+		it('displays slot content in message', async () => {
+			const vueWrapper = mount(ServiceMenuContent, {
+				props: requiredPropValues(),
+				slots: { message: '<div id="slot-message">Slot Message</div>' },
+			})
+			await vueWrapper.vm.$nextTick()
+			expect(vueWrapper.find('#slot-message').text()).toBe('Slot Message')
+		})
+	})
+})

package/src/components/Amelipro/ServiceMenu/ServiceMenuContent/__tests__/__snapshots__/ServiceMenuContent.spec.ts.snap

@@ -0,0 +1,151 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ServiceMenuContent > Snapshots > renders the component with all properties filled in 1`] = `
+<nav
+  aria-label="Bouquet de services"
+  class="service-menu__nav"
+  id="modified-unique-id"
+>
+  <div class="
+    d-flex
+    flex-column
+    flex-md-nowrap
+    flex-nowrap
+    flex-sm-row
+    flex-sm-wrap
+  ">
+    <div
+      class="
+        bg-ap-blue-lighten-3
+        py-2
+        service-menu__ps
+      "
+      id="modified-unique-id-service-menu-ps"
+      style="
+        flex-basis: 50%;
+        max-width: 50%;
+        width: 50%;
+      "
+    >
+      <service-list-stub
+        items="[object Object],[object Object]"
+        servicecontact="false"
+        servicepatient="false"
+        uniqueid="modified-unique-id-ps-service-list"
+      ></service-list-stub>
+    </div>
+    <div
+      class="
+        bg-ap-white
+        py-2
+        service-menu__patient
+      "
+      id="modified-unique-id-service-menu-patient"
+      style="
+        flex-basis: 50%;
+        max-width: 50%;
+        width: 50%;
+      "
+    >
+      <div>
+        <service-list-stub
+          items="[object Object],[object Object]"
+          servicecontact="false"
+          servicepatient="true"
+          uniqueid="modified-unique-id-patient-service-list"
+        ></service-list-stub>
+        <amelipro-message-stub
+          alignstart="false"
+          borderleftmessage="false"
+          class="mt-4"
+          dark="false"
+          dismissible="false"
+          noicon="false"
+          text="true"
+          type="info"
+          uniqueid="modified-unique-id-patient-message"
+          value="true"
+          width="100%"
+        ></amelipro-message-stub>
+      </div>
+    </div>
+    <div
+      class="
+        bg-ap-white
+        py-2
+        service-menu__contact
+      "
+      id="modified-unique-id-service-menu-contact"
+      style="
+        flex-basis: 50%;
+        max-width: 50%;
+        width: 50%;
+      "
+    >
+      <service-list-stub
+        items="[object Object],[object Object]"
+        servicecontact="true"
+        servicepatient="false"
+        uniqueid="modified-unique-id-contact-service-list"
+      ></service-list-stub>
+    </div>
+  </div>
+</nav>
+`;
+
+exports[`ServiceMenuContent > Snapshots > renders the component with only required properties filled in 1`] = `
+<nav
+  aria-label="Bouquet de services"
+  class="service-menu__nav"
+  id="required-unique-id"
+>
+  <div class="
+    d-flex
+    flex-column
+    flex-md-nowrap
+    flex-nowrap
+    flex-sm-row
+    flex-sm-wrap
+  ">
+    <div
+      class="
+        bg-ap-blue-lighten-3
+        py-2
+        service-menu__ps
+      "
+      id="required-unique-id-service-menu-ps"
+      style="
+        flex-basis: 50%;
+        max-width: 50%;
+        width: 50%;
+      "
+    >
+      <service-list-stub
+        items=""
+        servicecontact="false"
+        servicepatient="false"
+        uniqueid="required-unique-id-ps-service-list"
+      ></service-list-stub>
+    </div>
+    <div
+      class="
+        bg-ap-white
+        py-2
+        service-menu__patient
+      "
+      id="required-unique-id-service-menu-patient"
+      style="
+        flex-basis: 50%;
+        max-width: 50%;
+        width: 50%;
+      "
+    >
+      <div>
+        <!-- v-if -->
+        <!-- v-if -->
+      </div>
+    </div>
+    <!-- v-if -->
+  </div>
+</nav>
+`;