@cnamts/synapse 1.0.13 → 1.0.15

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

@@ -1,36 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproStepper from '../AmeliproStepper.vue'
-
-describe('AmeliproStepper', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproStepper, {
-			props: {
-				items: [
-					{
-						disabled: false,
-						label: 'Mes Informations',
-					},
-					{
-						disabled: false,
-						label: 'Ma démarche',
-					},
-					{
-						label: 'Ma demande',
-						disabled: true,
-					},
-					{
-						label: 'Récapitulatif',
-						disabled: true,
-					},
-				],
-				uniqueId: 'my-stepper-id',
-			},
-			slots: {
-				stepContent: '<p>Contenu principal</p>',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

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

@@ -1,354 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproStepper > render correctly 1`] = `
-<div
-  class="amelipro-stepper"
-  id="my-stepper-id-container"
->
-  <!-- desktop version -->
-  <div
-    class="amelipro-stepper__headings--desktop"
-    id="my-stepper-id-container"
-  >
-    <ol
-      class="
-        align-end
-        amelipro-stepper__list
-        d-flex
-        flex-row
-        flex-wrap
-        list-style-none
-      "
-      id="my-stepper-id-step-list"
-      role="tablist"
-    >
-      <li
-        class="amelipro-stepper__item"
-        id="my-stepper-id-step-item-0"
-      >
-        <button
-          aria-current="step"
-          class="
-            amelipro-step-btn
-            pb-4
-            pt-3
-            px-4
-            text-subtitle-1
-          "
-          id="my-stepper-id-step-btn-0"
-          role="tab"
-          style="
-            background-color: #00749C;
-            border: 1px solid #00749C;
-            color: #FFFFFF;
-            position: relative;
-            z-index: 1;
-          "
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-step-btn__content
-              d-flex
-            "
-            id="my-stepper-id-step-btn-0-content"
-          >
-            <span class="d-sr-only">
-              étape 1
-            </span>
-            Mes Informations
-            <span
-              aria-hidden="true"
-              class="
-                step-number
-                step-number--active
-              "
-            >
-              <span>
-                1
-              </span>
-            </span>
-          </span>
-        </button>
-      </li>
-      <li
-        class="amelipro-stepper__item"
-        id="my-stepper-id-step-item-1"
-      >
-        <button
-          class="
-            amelipro-step-btn
-            pb-4
-            pt-3
-            px-4
-            text-subtitle-1
-          "
-          id="my-stepper-id-step-btn-1"
-          role="tab"
-          style="
-            background-color: #E6F6FC;
-            border: 1px solid #DDDEDE;
-            color: #00749C;
-            position: relative;
-            z-index: 1;
-          "
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-step-btn__content
-              d-flex
-            "
-            id="my-stepper-id-step-btn-1-content"
-          >
-            <span class="d-sr-only">
-              étape 2
-            </span>
-            Ma démarche
-            <span
-              aria-hidden="true"
-              class="step-number"
-            >
-              <span>
-                2
-              </span>
-            </span>
-          </span>
-        </button>
-      </li>
-      <li
-        class="amelipro-stepper__item"
-        id="my-stepper-id-step-item-2"
-      >
-        <button
-          class="
-            amelipro-step-btn
-            pb-4
-            pt-3
-            px-4
-            text-subtitle-1
-          "
-          disabled=""
-          id="my-stepper-id-step-btn-2"
-          role="tab"
-          style="
-            background-color: #DDDEDE;
-            border: 1px solid #DDDEDE;
-            color: #1A1B1B;
-            position: relative;
-            z-index: 1;
-            cursor: default;
-          "
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-step-btn__content
-              d-flex
-            "
-            id="my-stepper-id-step-btn-2-content"
-          >
-            <span class="d-sr-only">
-              étape 3
-            </span>
-            Ma demande
-            <span
-              aria-hidden="true"
-              class="
-                step-number
-                step-number--disabled
-              "
-            >
-              <span>
-                3
-              </span>
-            </span>
-          </span>
-        </button>
-      </li>
-      <li
-        class="amelipro-stepper__item"
-        id="my-stepper-id-step-item-3"
-      >
-        <button
-          class="
-            amelipro-step-btn
-            pb-4
-            pt-3
-            px-4
-            text-subtitle-1
-          "
-          disabled=""
-          id="my-stepper-id-step-btn-3"
-          role="tab"
-          style="
-            background-color: #DDDEDE;
-            border: 1px solid #DDDEDE;
-            color: #1A1B1B;
-            position: relative;
-            z-index: 1;
-            cursor: default;
-          "
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-step-btn__content
-              d-flex
-            "
-            id="my-stepper-id-step-btn-3-content"
-          >
-            <span class="d-sr-only">
-              étape 4
-            </span>
-            Récapitulatif
-            <span
-              aria-hidden="true"
-              class="
-                step-number
-                step-number--disabled
-              "
-            >
-              <span>
-                4
-              </span>
-            </span>
-          </span>
-        </button>
-      </li>
-    </ol>
-  </div>
-  <div
-    class="
-      amelipro-stepper__content
-      amelipro-stepper__content--default
-      ap-white
-    "
-    id="my-stepper-id-current-step-content"
-  >
-    <p>
-      Contenu principal
-    </p>
-  </div>
-  <div
-    class="
-      align-center
-      amelipro-stepper__actions
-      d-flex
-      flex-column
-      flex-sm-row
-      justify-sm-end
-      mt-4
-    "
-    id="my-stepper-id-footer"
-  >
-    <div class="
-      d-flex
-      d-sm-inline-flex
-      flex-column
-      flex-sm-row
-      next-step-btn__wrapper
-      order-sm-1
-    ">
-      <!-- v-if -->
-      <button
-        class="
-          amelipro-btn
-          amelipro-btn--style
-          amelipro-stepper__btn--next
-          amelipro-stepper__btn--next
-          bg-ap-blue-darken-1
-          elevation-0
-          order-sm-1
-          order-sm-1
-          v-btn
-          v-btn--density-default
-          v-btn--flat
-          v-btn--size-default
-          v-btn--variant-flat
-          v-theme--light
-        "
-        id="my-stepper-id-footer-next-btn"
-        style="
-          height: auto;
-          min-height: 2.5rem;
-          color: #FFFFFF !important;
-        "
-        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
-          ">
-            Suivant
-            <span
-              class="
-                amelipro-btn__icon--right
-                amelipro-icon
-                d-block
-              "
-              id="my-stepper-id-footer-next-btn-icon"
-            >
-              <span
-                class="amelipro-external-icon"
-                style="
-                  background-color: transparent;
-                  border-radius: 50%;
-                  color: #FFFFFF;
-                  padding: 0px;
-                  height: 1.5rem;
-                  width: 1.5rem;
-                "
-              >
-                <i
-                  aria-hidden="true"
-                  class="
-                    M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
-                    mdi
-                    notranslate
-                    text-ap-white
-                    v-icon
-                    v-theme--light
-                  "
-                  style="
-                    font-size: 100%;
-                    height: 100%;
-                    width: 100%;
-                    display: block;
-                  "
-                ></i>
-              </span>
-            </span>
-            <!-- v-if -->
-          </span>
-        </span>
-        <!---->
-        <!---->
-      </button>
-      <!-- v-if -->
-    </div>
-    <div class="
-      d-flex
-      flex-column
-      flex-sm-row
-      justify-start
-      w-100
-    ">
-      <div></div>
-    </div>
-  </div>
-</div>
-`;

package/src/components/Amelipro/AmeliproTabs/AmeliproTabBtn/tests/AmeliproTabBtn.spec.ts

@@ -1,20 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproTabBtn from '../AmeliproTabBtn.vue'
-
-describe('AmeliproTabBtn', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproTabBtn, {
-			props: {
-				controls: 'content-id',
-				tabindex: 0,
-				uniqueId: 'my-tab-btn-id',
-			},
-			slot: {
-				default: 'Label du bouton',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

package/src/components/Amelipro/AmeliproTabs/AmeliproTabBtn/tests/__snapshots__/AmeliproTabBtn.spec.ts.snap

@@ -1,34 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproTabBtn > render correctly 1`] = `
-<button
-  aria-controls="content-id"
-  aria-selected="false"
-  class="
-    amelipro-tab__btn
-    px-4
-    py-2
-    text-uppercase
-  "
-  id="my-tab-btn-id"
-  role="tab"
-  style="
-    background-color: #E6F6FC;
-    border: 1px solid #DDDEDE;
-    color: #00749C;
-  "
-  tabindex="0"
-  type="button"
->
-  <span
-    class="
-      align-center
-      amelipro-tab__btn__content
-      d-flex
-    "
-    id="my-tab-btn-id-notification-content"
-  >
-    <!-- v-if -->
-  </span>
-</button>
-`;

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

@@ -1,39 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
-import AmeliproTabs from '../AmeliproTabs.vue'
-
-describe('AmeliproTabs', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproTabs, {
-			props: {
-				items: [
-					{
-						label: 'Mon onglet 1',
-						disabled: false,
-					},
-					{
-						label: 'Mon onglet 2',
-						disabled: false,
-					},
-					{
-						label: 'Mon onglet 3',
-						disabled: true,
-					},
-					{
-						label: 'Mon onglet 4',
-						disabled: false,
-					},
-				],
-				uniqueId: 'my-tabs-group-id',
-			},
-			slots: {
-				'tabs-tab-panel-0': '<p>Contenu onglet 1</p>',
-				'tabs-tab-panel-1': '<p>Contenu onglet 2</p>',
-				'tabs-tab-panel-2': '<p>Contenu onglet 3</p>',
-				'tabs-tab-panel-3': '<p>Contenu onglet 4</p>',
-			},
-		})
-
-		expect(wrapper.html()).toMatchSnapshot()
-	})
-})

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

@@ -1,217 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`AmeliproTabs > render correctly 1`] = `
-<div
-  class="amelipro-tabs"
-  id="my-tabs-group-id-container"
->
-  <div
-    class="amelipro-tabs--desktop"
-    id="my-tabs-group-id-desktop"
-  >
-    <div class="amelipro-tabs__btn-group">
-      <div
-        class="
-          align-center
-          align-sm-end
-          amelipro-tabs__btn-group__wrapper
-          d-flex
-          flex-column
-          flex-sm-row
-          flex-wrap
-          justify-center
-          justify-sm-start
-        "
-        id="my-tabs-group-id"
-        role="tablist"
-      >
-        <button
-          aria-controls="my-tabs-group-id-tab-panel-0"
-          aria-selected="true"
-          class="
-            amelipro-tab__btn
-            first-tab-btn
-            px-4
-            py-2
-            selected
-            text-uppercase
-          "
-          id="my-tabs-group-id-tab-btn-0"
-          role="tab"
-          style="
-            background-color: #00749C;
-            border: 1px solid #00749C;
-            color: #FFFFFF;
-          "
-          tabindex="0"
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-tab__btn__content
-              d-flex
-            "
-            id="my-tabs-group-id-tab-btn-0-notification-content"
-          >
-            Mon onglet 1
-            <!-- v-if -->
-          </span>
-        </button>
-        <button
-          aria-controls="my-tabs-group-id-tab-panel-1"
-          aria-selected="false"
-          class="
-            amelipro-tab__btn
-            px-4
-            py-2
-            text-uppercase
-          "
-          id="my-tabs-group-id-tab-btn-1"
-          role="tab"
-          style="
-            background-color: #E6F6FC;
-            border: 1px solid #DDDEDE;
-            color: #00749C;
-          "
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-tab__btn__content
-              d-flex
-            "
-            id="my-tabs-group-id-tab-btn-1-notification-content"
-          >
-            Mon onglet 2
-            <!-- v-if -->
-          </span>
-        </button>
-        <button
-          aria-controls="my-tabs-group-id-tab-panel-2"
-          aria-selected="false"
-          class="
-            amelipro-tab__btn
-            disabled
-            px-4
-            py-2
-            text-uppercase
-          "
-          disabled=""
-          id="my-tabs-group-id-tab-btn-2"
-          role="tab"
-          style="
-            background-color: #DDDEDE;
-            border: 1px solid #DDDEDE;
-            color: #1A1B1B;
-            cursor: default;
-          "
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-tab__btn__content
-              d-flex
-            "
-            id="my-tabs-group-id-tab-btn-2-notification-content"
-          >
-            Mon onglet 3
-            <!-- v-if -->
-          </span>
-        </button>
-        <button
-          aria-controls="my-tabs-group-id-tab-panel-3"
-          aria-selected="false"
-          class="
-            amelipro-tab__btn
-            last-tab-btn
-            px-4
-            py-2
-            text-uppercase
-          "
-          id="my-tabs-group-id-tab-btn-3"
-          role="tab"
-          style="
-            background-color: #E6F6FC;
-            border: 1px solid #DDDEDE;
-            color: #00749C;
-          "
-          tabindex="-1"
-          type="button"
-        >
-          <span
-            class="
-              align-center
-              amelipro-tab__btn__content
-              d-flex
-            "
-            id="my-tabs-group-id-tab-btn-3-notification-content"
-          >
-            Mon onglet 4
-            <!-- v-if -->
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="
-        amelipro-tabs__tab
-        bg-ap-white
-        border-top-left
-        pa-6
-        tab-panel-default
-        tabpanel
-      "
-      id="my-tabs-group-id-tab-panel-0"
-      role="tabpanel"
-      tabindex="0"
-    ></div>
-    <div
-      class="
-        amelipro-tabs__tab
-        bg-ap-white
-        border-top-left
-        pa-6
-        tab-panel-default
-        tabpanel
-      "
-      id="my-tabs-group-id-tab-panel-1"
-      role="tabpanel"
-      style="display: none;"
-      tabindex="-1"
-    ></div>
-    <div
-      class="
-        amelipro-tabs__tab
-        bg-ap-white
-        border-top-left
-        pa-6
-        tab-panel-default
-        tabpanel
-      "
-      id="my-tabs-group-id-tab-panel-2"
-      role="tabpanel"
-      style="display: none;"
-      tabindex="-1"
-    ></div>
-    <div
-      class="
-        amelipro-tabs__tab
-        bg-ap-white
-        border-top-left
-        pa-6
-        tab-panel-default
-        tabpanel
-      "
-      id="my-tabs-group-id-tab-panel-3"
-      role="tabpanel"
-      style="display: none;"
-      tabindex="-1"
-    ></div>
-  </div>
-</div>
-`;

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

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