From 426d43a1ca4bd084a2b10695c4100e572c78ecfc Mon Sep 17 00:00:00 2001
From: mattgoud <matthias.goudjil@prestashop.com>
Date: Tue, 17 Dec 2024 22:59:50 +0100
Subject: [PATCH] docs: [select-refacto] - option section: listing data-test
 attributes

---
 .../select/stories/option.stories.ts          |  4 +--
 .../select/stories/select.stories.ts          | 29 ++++++++++++-------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/packages/components/select/stories/option.stories.ts b/packages/components/select/stories/option.stories.ts
index ca0ff5c3..24b40d70 100644
--- a/packages/components/select/stories/option.stories.ts
+++ b/packages/components/select/stories/option.stories.ts
@@ -76,7 +76,7 @@ export default {
           summary: '@open'
         },
         type: {
-          summary: 'Event',
+          summary: 'Event (see details)',
           detail: `
           'open': [state: boolean]
           `
@@ -90,7 +90,7 @@ export default {
           summary: '@select'
         },
         type: {
-          summary: 'Event',
+          summary: 'Event (see details)',
           detail: `
           'select': [payload: { label: string, value: string | number }]
           `
diff --git a/packages/components/select/stories/select.stories.ts b/packages/components/select/stories/select.stories.ts
index 156a2dd8..f474c7b4 100644
--- a/packages/components/select/stories/select.stories.ts
+++ b/packages/components/select/stories/select.stories.ts
@@ -287,7 +287,18 @@ export default {
           summary: 'none'
         },
         type: {
-          summary: 'string'
+          summary: 'string (see details)',
+          detail: `
+select-label-{dataTest}
+select-multiple-options-tags-{dataTest}
+select-tag-{index + 1}-{dataTest} (for each tag)
+select-multiple-input-{dataTest}
+select-single-{dataTest}
+select-dropdown-{dataTest}
+select-search-input-{dataTest}
+select-group-options-{dataTest} select-option-{index + 1}-{dataTest}
+select-error-{dataTest}
+          `
         },
         category: 'Common'
       }
@@ -299,7 +310,7 @@ export default {
           summary: '@open'
         },
         type: {
-          summary: 'Event',
+          summary: 'Event (see details)',
           detail: `
           'open': [state: boolean]
           `
@@ -314,7 +325,7 @@ export default {
           summary: '@update:model-value'
         },
         type: {
-          summary: 'Event',
+          summary: 'Event (see details)',
           detail: `
             'update:modelValue': [selectedOptions: any]
           `
@@ -329,7 +340,7 @@ export default {
           summary: '@search'
         },
         type: {
-          summary: 'Event',
+          summary: 'Event (see details)',
           detail: `
             'search': [searchQuery: string, filteredOptions: any ]
           `
@@ -745,7 +756,7 @@ export const openEvent: StoryObj = {
       name="select-open-event-name"
       label="Select an option"
       :options="options"
-      :open="openRef"
+      :open="openState"
       @open="(state) => openState = state"
     />
   </div>
@@ -775,7 +786,7 @@ export const openEvent: StoryObj = {
       name="select-open-event-name"
       label="Select an option"
       :options="options"
-      :open="openRef"
+      :open="openState"
       @open="(state) => openState = state"
     />
         `,
@@ -804,7 +815,7 @@ export const updateModelValueEvent: StoryObj = {
     template: `
   <div class="min-h-[250px] flex flex-col space-y-2">
     <div>
-      <puik-badge :variant="info">
+      <puik-badge variant="info">
         value : {{ newValue }}
       </puik-badge>
     </div>
@@ -815,7 +826,6 @@ export const updateModelValueEvent: StoryObj = {
       name="select-update-model-value--name"
       label="Select an option"
       :options="options"
-      :open="openRef"
       @update:model-value="(payload) => newValue = payload"
     />
   </div>
@@ -834,7 +844,7 @@ export const updateModelValueEvent: StoryObj = {
     // const selectedOption = ref();
     // const newValue = ref();
 
-    <puik-badge :variant="info">
+    <puik-badge variant="info">
       value : {{ newValue }}
     </puik-badge>
 
@@ -845,7 +855,6 @@ export const updateModelValueEvent: StoryObj = {
       name="select-update-model-value--name"
       label="Select an option"
       :options="options"
-      :open="openRef"
       @update:model-value="(payload) => newValue = payload"
     />
         `,