From 91b0ef46231ddec446324cd892afb799429d3dd0 Mon Sep 17 00:00:00 2001
From: Guillaume Lepoetre <guillaume.lepoetre@prestashop.com>
Date: Mon, 30 Oct 2023 16:51:58 +0100
Subject: [PATCH] feat: Add spinner data-test, update boutton

---
 packages/components/button/src/button.vue                    | 2 +-
 packages/components/button/stories/button.stories.ts         | 2 +-
 packages/components/spinner-loader/src/spinner-loader.ts     | 5 +++++
 packages/components/spinner-loader/src/spinner-loader.vue    | 1 +
 .../spinner-loader/stories/spinner-loader.stories.ts         | 4 ++++
 5 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/components/button/src/button.vue b/packages/components/button/src/button.vue
index 745abac1..25dcbca6 100644
--- a/packages/components/button/src/button.vue
+++ b/packages/components/button/src/button.vue
@@ -10,7 +10,7 @@
       { 'puik-button--fluid': fluid },
     ]"
     :disabled="disabled"
-    :data-test="`button-${dataTest}`"
+    :data-test="`${dataTest}`"
     @click="setSelected"
   >
     <puik-icon
diff --git a/packages/components/button/stories/button.stories.ts b/packages/components/button/stories/button.stories.ts
index 33217b57..a71e84a2 100644
--- a/packages/components/button/stories/button.stories.ts
+++ b/packages/components/button/stories/button.stories.ts
@@ -74,7 +74,7 @@ export default {
     dataTest: {
       control: 'text',
       description:
-        'Set a data-test attribute to the button `button-${dataTest}` `left-icon-${dataTest}` `right-icon-${dataTest}`',
+        'Set a data-test attribute to the button `${dataTest}` `left-icon-${dataTest}` `right-icon-${dataTest}`',
     },
   },
   args: {
diff --git a/packages/components/spinner-loader/src/spinner-loader.ts b/packages/components/spinner-loader/src/spinner-loader.ts
index 93a171cb..d2ea4486 100644
--- a/packages/components/spinner-loader/src/spinner-loader.ts
+++ b/packages/components/spinner-loader/src/spinner-loader.ts
@@ -33,6 +33,11 @@ export const spinnerLoaderProps = buildProps({
     required: false,
     default: 'bottom',
   },
+  dataTest: {
+    type: String,
+    required: false,
+    default: 'spinner-loader',
+  },
 } as const)
 
 export type SpinnerLoaderProps = ExtractPropTypes<typeof spinnerLoaderProps>
diff --git a/packages/components/spinner-loader/src/spinner-loader.vue b/packages/components/spinner-loader/src/spinner-loader.vue
index 332d8cf5..89b649d3 100644
--- a/packages/components/spinner-loader/src/spinner-loader.vue
+++ b/packages/components/spinner-loader/src/spinner-loader.vue
@@ -8,6 +8,7 @@
     ]"
     aria-live="polite"
     role="status"
+    :data-test="dataTest"
   >
     <div
       class="puik-spinner-loader__spinner"
diff --git a/packages/components/spinner-loader/stories/spinner-loader.stories.ts b/packages/components/spinner-loader/stories/spinner-loader.stories.ts
index 81f838b1..2578ff76 100644
--- a/packages/components/spinner-loader/stories/spinner-loader.stories.ts
+++ b/packages/components/spinner-loader/stories/spinner-loader.stories.ts
@@ -62,6 +62,10 @@ export default {
         },
       },
     },
+    dataTest: {
+      control: 'text',
+      description: 'Set the data-test attribute on the spinner loader',
+    },
   },
   args: {
     size: 'md',