@cnamts/synapse 1.0.11 → 1.0.13

package/src/components/Amelipro/AmeliproCheckbox/tests/AmeliproCheckbox.spec.ts

@@ -1,19 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproCheckbox from '../AmeliproCheckbox.vue'
-
-describe('AmeliproCheckbox', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproCheckbox, {
-			props: {
-				checkbox: {
-					label: 'Exemple de checkbox',
-					value: 'Valeur de la checkbox',
-				},
-				uniqueId: 'my-checkbox-id',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproCheckbox/tests/__snapshots__/AmeliproCheckbox.spec.ts.snap

@@ -1,40 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproCheckbox > render correctly 1`] = `
-<div id="my-checkbox-id-container">
-  <div class="
-    align-center
-    amelipro-checkbox
-    d-flex
-  ">
-    <div
-      aria-checked="false"
-      aria-disabled="false"
-      class="
-        align-center
-        amelipro-checkbox-input
-        d-inline-flex
-        flex-row
-        mr-0
-        text-body-1
-      "
-      id="my-checkbox-id"
-      role="checkbox"
-      tabindex="0"
-    >
-      <span
-        class="
-          checkbox-label
-          text-ap-grey-darken-1
-        "
-        id="my-checkbox-id-label-text"
-      >
-        Exemple de checkbox
-        <!-- v-if -->
-        <!-- v-if -->
-      </span>
-    </div>
-  </div>
-  <!-- v-if -->
-</div>
-`;

package/src/components/Amelipro/AmeliproCheckboxGroup/tests/AmeliproCheckboxGroup.spec.ts

@@ -1,46 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproCheckboxGroup from '../AmeliproCheckboxGroup.vue'
-
-describe('AmeliproCheckboxGroup', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproCheckboxGroup, {
-			props: {
-				groupLabel: 'Libellé du groupe',
-				modelValue: [
-					{
-						disabled: true,
-						isChecked: true,
-						label: '1',
-						value: 'Valeur 1',
-					},
-					{
-						description: 'ma-tooltip',
-						disabled: true,
-						isChecked: false,
-						label: '2',
-						value: 'Valeur 2',
-					},
-					{
-						isChecked: false,
-						label: '3',
-						value: 'Valeur 3',
-					},
-					{
-						isChecked: false,
-						label: '4',
-						value: 'Valeur 4',
-					},
-					{
-						isChecked: false,
-						label: '5',
-						value: 'Valeur 5',
-					},
-				],
-				uniqueId: 'my-checkbox-group-id',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproChips/tests/AmeliproChips.spec.ts

@@ -1,16 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproChips from '../AmeliproChips.vue'
-
-describe('AmeliproChips', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproChips, {
-			props: {
-				text: 'texte de la chip',
-				uniqueId: 'my-chip-id',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproChips/tests/__snapshots__/AmeliproChips.spec.ts.snap

@@ -1,97 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproChips > render correctly 1`] = `
-<div
-  class="
-    amelipro-chips
-    d-inline-block
-  "
-  id="my-chip-id"
->
-  <p class="
-    amelipro-chips__text
-    d-inline-block
-    mb-0
-  ">
-    <span class="truncate-text">
-      texte de la chip
-    </span>
-  </p>
-  <button
-    class="
-      amelipro-chips__btn
-      btn--icon
-      elevation-0
-      ml-4
-      rounded-0
-      v-btn
-      v-btn--density-default
-      v-btn--elevated
-      v-btn--icon
-      v-btn--size-default
-      v-btn--variant-elevated
-      v-theme--light
-    "
-    id="my-chip-id-btn"
-    plain=""
-    style="
-      height: auto;
-      width: auto;
-    "
-    title="supprimer texte de la chip"
-    type="button"
-  >
-    <span class="v-btn__overlay"></span>
-    <span class="v-btn__underlay"></span>
-    <!---->
-    <span
-      class="v-btn__content"
-      data-no-activator=""
-    >
-      <span
-        class="d-sr-only"
-        id="my-chip-id-btn-btn-label"
-      >
-        supprimer texte de la chip
-      </span>
-      <span
-        class="
-          amelipro-icon
-          icon-custom
-        "
-        id="my-chip-id-btn-icon"
-      >
-        <span
-          aria-hidden="true"
-          class="
-            amelipro-custom-icon
-            custom-color
-            large
-          "
-          focusable="false"
-          role="img"
-          style="color: #00749C;"
-        >
-          <span>
-            <svg
-              aria-hidden="true"
-              fill="none"
-              height="24"
-              viewBox="0 0 24 24"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                class="shape-color"
-                d="M18 7.05L16.95 6L12 10.95L7.05 6L6 7.05L10.95 12L6 16.95L7.05 18L12 13.05L16.95 18L18 16.95L13.05 12L18 7.05Z"
-              />
-            </svg>
-          </span>
-        </span>
-      </span>
-    </span>
-    <!---->
-    <!---->
-  </button>
-</div>
-`;

package/src/components/Amelipro/AmeliproDialog/tests/AmeliproDialog.spec.ts

@@ -1,24 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproDialog from '../AmeliproDialog.vue'
-
-describe('AmeliproDialog', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproDialog, {
-			global: {
-				stubs: {
-					VDialog: {
-						template: '<div><slot></slot></div>',
-					},
-				},
-			},
-			props: {
-				modelValue: true,
-				labelledby: 'amelipro-dialog-id-title',
-				uniqueId: 'amelipro-dialog-id',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproDialog/tests/__snapshots__/AmeliproDialog.spec.ts.snap

@@ -1,134 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproDialog > render correctly 1`] = `
-<div
-  attach="false"
-  class="dialog-radius"
-  eager="false"
-  fullscreen="false"
-  modelvalue="true"
-  persistent="false"
-  scroll-strategy="none"
-  width="800px"
->
-  <div
-    class="
-      bg-ap-white
-      dialog
-    "
-    id="amelipro-dialog-id"
-  >
-    <div
-      class="
-        align-center
-        d-flex
-        dialog__header
-        flex-nowrap
-        mb-0
-        w-100
-      "
-      id="amelipro-dialog-id-header"
-    >
-      <div class="dialog__title">
-        <!-- v-if -->
-      </div>
-      <button
-        class="
-          btn--icon
-          dialog__close-btn
-          elevation-0
-          ml-auto
-          rounded-0
-          v-btn
-          v-btn--density-default
-          v-btn--elevated
-          v-btn--icon
-          v-btn--size-default
-          v-btn--variant-elevated
-          v-theme--light
-        "
-        id="amelipro-dialog-id-close-btn"
-        plain=""
-        style="
-          height: auto;
-          width: auto;
-        "
-        type="button"
-      >
-        <span class="v-btn__overlay"></span>
-        <span class="v-btn__underlay"></span>
-        <!---->
-        <span
-          class="v-btn__content"
-          data-no-activator=""
-        >
-          <span
-            class="d-sr-only"
-            id="amelipro-dialog-id-close-btn-btn-label"
-          >
-            Fermer la fenêtre modale
-          </span>
-          <span
-            class="
-              amelipro-icon
-              icon-custom
-            "
-            id="amelipro-dialog-id-close-btn-icon"
-          >
-            <span
-              aria-hidden="true"
-              class="
-                amelipro-custom-icon
-                custom-color
-              "
-              focusable="false"
-              role="img"
-              style="
-                color: #00749C;
-                height: 40px;
-                width: 40px;
-              "
-            >
-              <span>
-                <svg
-                  aria-hidden="true"
-                  style="enable-background:new 0 0 24 24;"
-                  viewBox="0 0 24 24"
-                  x="0px"
-                  xml:space="preserve"
-                  xmlns="http://www.w3.org/2000/svg"
-                  xmlns:xlink="http://www.w3.org/1999/xlink"
-                  y="0px"
-                >
-                  <circle
-                    class="circle-color"
-                    cx="12"
-                    cy="12"
-                    r="12"
-                  />
-                  <polygon
-                    class="shape-color"
-                    points="15.3,16.7 12,13.4 8.7,16.7 7.3,15.3 10.6,12 7.3,8.7 8.7,7.3 12,10.6 15.3,7.3 16.7,8.7 13.4,12 16.7,15.3 "
-                  />
-                </svg>
-              </span>
-            </span>
-          </span>
-        </span>
-        <!---->
-        <!---->
-      </button>
-    </div>
-    <div
-      class="
-        dialog__content
-        mt-4
-        w-100
-      "
-      id="amelipro-dialog-id-content"
-      style="min-height: 150px;"
-    ></div>
-    <!-- v-if -->
-  </div>
-</div>
-`;

package/src/components/Amelipro/AmeliproDisclosure/tests/AmeliproDisclosure.spec.ts

@@ -1,19 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproDisclosure from '../AmeliproDisclosure.vue'
-
-describe('AmeliproDisclosure', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproDisclosure, {
-			props: {
-				title: 'titre disclosure',
-				uniqueId: 'my-disclosure-id',
-			},
-			slots: {
-				default: 'Contenu disclosure',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproDisclosure/tests/__snapshots__/AmeliproDisclosure.spec.ts.snap

@@ -1,104 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproDisclosure > render correctly 1`] = `
-<div
-  class="
-    amelipro-disclosure
-    mb-3
-    w-100
-  "
-  id="my-disclosure-id-container"
->
-  <button
-    aria-controls="my-disclosure-id"
-    aria-expanded="false"
-    class="
-      amelipro-btn
-      amelipro-disclosure__btn
-      amelipro-disclosure__btn
-      elevation-0
-      text-ap-blue-darken-1
-      text-none
-      text-none
-      v-btn
-      v-btn--density-default
-      v-btn--flat
-      v-btn--size-default
-      v-btn--variant-text
-      v-theme--light
-    "
-    id="my-disclosure-id-open-close-btn"
-    style="
-      height: auto;
-      min-height: auto;
-      padding: 0px;
-    "
-    type="button"
-  >
-    <span class="v-btn__overlay"></span>
-    <span class="v-btn__underlay"></span>
-    <!---->
-    <span
-      class="v-btn__content"
-      data-no-activator=""
-    >
-      <span class="
-        align-center
-        amelipro-custom-btn
-        d-flex
-        flex-row
-      ">
-        titre disclosure
-        <span
-          class="
-            amelipro-btn__icon--right
-            amelipro-icon
-            d-block
-          "
-          id="my-disclosure-id-open-close-btn-icon"
-        >
-          <span
-            class="amelipro-external-icon"
-            style="
-              background-color: transparent;
-              border-radius: 50%;
-              color: #00749C;
-              padding: 0px;
-              height: 1.5rem;
-              width: 1.5rem;
-            "
-          >
-            <i
-              aria-hidden="true"
-              class="
-                M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z
-                mdi
-                notranslate
-                text-ap-blue-darken-1
-                v-icon
-                v-theme--light
-              "
-              style="
-                font-size: 100%;
-                height: 100%;
-                width: 100%;
-                display: block;
-              "
-            ></i>
-          </span>
-        </span>
-        <!-- v-if -->
-      </span>
-    </span>
-    <!---->
-    <!---->
-  </button>
-  <div
-    class="amelipro-disclosure__content"
-    id="my-disclosure-id"
-    style="display: none;"
-  >
-    Contenu disclosure
-  </div>
-</div>
-`;

package/src/components/Amelipro/AmeliproFooter/tests/AmeliproFooter.spec.ts

@@ -1,15 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproFooter from '../AmeliproFooter.vue'
-
-describe('AmeliproFooter', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproFooter, {
-			props: {
-				uniqueId: 'my-footer-id',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})