diff --git a/packages/components/pagination/src/pagination-large.vue b/packages/components/pagination/src/pagination-large.vue
index a67c8b52..df5ccb00 100644
--- a/packages/components/pagination/src/pagination-large.vue
+++ b/packages/components/pagination/src/pagination-large.vue
@@ -29,6 +29,9 @@
         :key="page"
         :model-value="page"
         :disabled="disabled"
+        :data-test="
+          dataTest != undefined ? `pageSelector-${dataTest}` : undefined
+        "
         class="puik-pagination__select"
         @update:model-value="emit('update:page', $event)"
       >
@@ -36,6 +39,11 @@
           v-for="index in maxPage"
           :key="`puik-pagination__page-selector__option-${index}`"
           :value="index"
+          :data-test="
+            dataTest != undefined
+              ? `pageSelectorOption-${dataTest}-${index}`
+              : undefined
+          "
         >
           {{ index }}
         </puik-option>
diff --git a/packages/components/table/src/table.ts b/packages/components/table/src/table.ts
index f5fb713f..456d88b1 100644
--- a/packages/components/table/src/table.ts
+++ b/packages/components/table/src/table.ts
@@ -61,6 +61,7 @@ export interface TableProps {
   fullWidth?: boolean
   stickyFirstCol?: boolean
   stickyLastCol?: boolean
+  dataTest?: string
 }
 
 export type TableEmits = {
diff --git a/packages/components/table/src/table.vue b/packages/components/table/src/table.vue
index d604485e..ee9078ff 100644
--- a/packages/components/table/src/table.vue
+++ b/packages/components/table/src/table.vue
@@ -6,10 +6,20 @@
     <table
       class="puik-table"
       :class="{ 'puik-table--full-width': fullWidth }"
+      :data-test="dataTest != undefined ? `table-${dataTest}` : undefined"
     >
-      <thead class="puik-table__head">
+      <thead
+        class="puik-table__head"
+        :data-test="
+          dataTest != undefined ? `table-header-${dataTest}` : undefined
+        "
+      >
         <tr>
-          <td :colspan="selectable || expandable ? headers.length +1 : headers.length">
+          <td
+            :colspan="
+              selectable || expandable ? headers.length + 1 : headers.length
+            "
+          >
             <div class="puik-table__head-separator" />
           </td>
         </tr>
@@ -28,11 +38,21 @@
               { 'puik-table__head__row__item--selection': selectable },
               { 'puik-table__head__row__item--expandable': expandable },
             ]"
+            :data-test="
+              dataTest != undefined
+                ? `table-header-th-${dataTest}-selection`
+                : undefined
+            "
           >
             <puik-checkbox
               v-if="selectable && !searchBar"
               :model-value="selectAll"
               :indeterminate="indeterminate"
+              :data-test="
+                dataTest != undefined
+                  ? `table-header-checkbox-${dataTest}`
+                  : undefined
+              "
               class="puik-table__head__row__item--selection__checkbox"
               @click="handleClickAll"
             >
@@ -75,10 +95,21 @@
               },
             ]"
             :style="{ minWidth: header.width, width: header.width }"
+            :data-test="
+              dataTest != undefined
+                ? `table-header-th-${dataTest}-${header.value}`
+                : undefined
+            "
           >
             <div class="puik-table__head__row__item__container">
               <div class="puik-table__head__row__item__content">
-                <span>
+                <span
+                  :data-test="
+                    dataTest != undefined
+                      ? `table-header-content-${dataTest}-${header.value}`
+                      : undefined
+                  "
+                >
                   <slot
                     :name="`header-${header.value}`"
                     :header="header"
@@ -94,7 +125,20 @@
                   "
                   variant="primary-reverse"
                   size="sm"
-                  :aria-label="sortIcon[header.value] === PuikTableSortIcon.Asc ? `${t('puik.table.sortableAscLabel')} ${header.value}` : sortIcon[header.value] === PuikTableSortIcon.Desc ? `${t('puik.table.sortableDescLabel')} ${header.value}` : `${t('puik.table.sortableDefaultLabel')} ${header.value}`"
+                  :aria-label="
+                    sortIcon[header.value] === PuikTableSortIcon.Asc
+                      ? `${t('puik.table.sortableAscLabel')} ${header.value}`
+                      : sortIcon[header.value] === PuikTableSortIcon.Desc
+                        ? `${t('puik.table.sortableDescLabel')} ${header.value}`
+                        : `${t('puik.table.sortableDefaultLabel')} ${
+                          header.value
+                        }`
+                  "
+                  :data-test="
+                    dataTest != undefined
+                      ? `table-header-sort-${dataTest}-${header.value}`
+                      : undefined
+                  "
                   @click="sortTable(header.value)"
                 />
               </div>
@@ -102,7 +146,11 @@
           </th>
         </tr>
         <tr>
-          <td :colspan="selectable || expandable ? headers.length +1 : headers.length">
+          <td
+            :colspan="
+              selectable || expandable ? headers.length + 1 : headers.length
+            "
+          >
             <div class="puik-table__head-separator" />
           </td>
         </tr>
@@ -124,11 +172,21 @@
               { 'puik-table__head__row__item--selection': selectable },
               { 'puik-table__head__row__item--expandable': expandable },
             ]"
+            :data-test="
+              dataTest != undefined
+                ? `table-header-th-${dataTest}-searchBar-selection`
+                : undefined
+            "
           >
             <puik-checkbox
               v-if="selectable"
               :model-value="selectAll"
               :indeterminate="indeterminate"
+              :data-test="
+                dataTest != undefined
+                  ? `table-header-checkbox-${dataTest}-searchBar`
+                  : undefined
+              "
               class="puik-table__head__row__item--selection__checkbox"
               @click="handleClickAll"
             >
@@ -171,6 +229,11 @@
               },
             ]"
             :style="{ minWidth: header.width, width: header.width }"
+            :data-test="
+              dataTest != undefined
+                ? `table-header-th-${dataTest}-${header.value}-searchBar`
+                : undefined
+            "
           >
             <template v-if="header.searchable || header.searchSubmit">
               <div class="puik-table__head__row__item__container">
@@ -181,6 +244,11 @@
                   :search-submit="header.searchSubmit"
                   :search-reset="searchReset"
                   :search-type="(header.searchType as PuikTableSearchInputTypes)"
+                  :data-test="
+                    dataTest != undefined
+                      ? `${dataTest}-${header.value}`
+                      : undefined
+                  "
                   @search-text-value="handleSearch"
                   @search-range-value="handleSearch"
                   @search-submit-event="handleSearchSubmit"
@@ -192,12 +260,17 @@
           </th>
         </tr>
         <tr v-if="searchBar">
-          <td :colspan="selectable ? headers.length +1 : headers.length">
+          <td :colspan="selectable ? headers.length + 1 : headers.length">
             <div class="puik-table__head-separator" />
           </td>
         </tr>
       </thead>
-      <tbody class="puik-table__body">
+      <tbody
+        class="puik-table__body"
+        :data-test="
+          dataTest != undefined ? `table-body-${dataTest}` : undefined
+        "
+      >
         <template v-if="searchLoading">
           <tr
             v-for="(_item, rowIndex) in props.items"
@@ -244,6 +317,11 @@
                     v-if="selectable"
                     :model-value="getSelected(rowIndex)"
                     class="puik-table__body__row__item--selection__checkbox"
+                    :data-test="
+                      dataTest != undefined
+                        ? `table-body-checkbox-${rowIndex}-${dataTest}`
+                        : undefined
+                    "
                     @click="handleClick(rowIndex)"
                   >
                     {{ getSelectLabel(rowIndex) }}
@@ -256,6 +334,11 @@
                     ]"
                     icon="keyboard_arrow_down"
                     font-size="24"
+                    :data-test="
+                      dataTest != undefined
+                        ? `table-body-icon-${rowIndex}-${dataTest}`
+                        : undefined
+                    "
                     @click="expandRow(rowIndex)"
                     @keydown.space.prevent="expandRow(rowIndex)"
                   />
@@ -294,7 +377,14 @@
                 "
               >
                 <div class="puik-table__body__row__item__container">
-                  <div class="puik-table__body__row__item__content">
+                  <div
+                    class="puik-table__body__row__item__content"
+                    :data-test="
+                      dataTest != undefined
+                        ? `table-body-item-${rowIndex}-${header.value}-${dataTest}`
+                        : undefined
+                    "
+                  >
                     <slot
                       :name="`item-${header.value}`"
                       :item="item"
@@ -337,6 +427,11 @@
                     : headers.length
                 "
                 class="puik-table__body__row__item puik-table__body__row__item--expanded"
+                :dataTest="
+                  dataTest != undefined
+                    ? `table-body-expanded-${rowIndex}-${dataTest}`
+                    : undefined
+                "
               >
                 <slot
                   name="expanded-row"
diff --git a/packages/components/table/test/table.spec.ts b/packages/components/table/test/table.spec.ts
index 29a70fc6..75c378de 100644
--- a/packages/components/table/test/table.spec.ts
+++ b/packages/components/table/test/table.spec.ts
@@ -1,8 +1,19 @@
-import { mount, ComponentMountingOptions, VueWrapper, DOMWrapper } from '@vue/test-utils';
+import {
+  mount,
+  ComponentMountingOptions,
+  VueWrapper,
+  DOMWrapper
+} from '@vue/test-utils';
 import { describe, it, expect } from 'vitest';
 import { faker } from '@faker-js/faker';
 import { locales } from '@prestashopcorp/puik-locale';
-import { PuikTable, PuikTableHeader, PuikTableSortOrder, sortOption, TableProps } from '@prestashopcorp/puik-components';
+import {
+  PuikTable,
+  PuikTableHeader,
+  PuikTableSortOrder,
+  sortOption,
+  TableProps
+} from '@prestashopcorp/puik-components';
 
 const defaultItems = Array(5)
   .fill(null)
@@ -24,7 +35,8 @@ describe('Table tests', () => {
   const getTable = () => wrapper.find('.puik-table');
   const getHeaders = () => wrapper.findAll(`.${headerColClass}`);
   const getRows = () => wrapper.findAll('.puik-table__body__row');
-  const getCols = (rowIndex: number) => getRows()[rowIndex].findAll(`.${colClass}`);
+  const getCols = (rowIndex: number) =>
+    getRows()[rowIndex].findAll(`.${colClass}`);
   const getAllItemsOfCol = (colIndex: number) => {
     const allItems: Array<DOMWrapper<Element>> = [];
     getRows().forEach((_, rowIndex) => {
@@ -40,8 +52,10 @@ describe('Table tests', () => {
   const getHeaderCheckbox = () =>
     wrapper.find(`.${headerColClass}--selection__checkbox`);
 
-  const isCheckboxChecked = (checkbox: DOMWrapper<Element>) => checkbox.find('.puik-checkbox__input:checked').exists();
-  const isCheckboxInderminate = (checkbox: DOMWrapper<Element>) => checkbox.find('.puik-checkbox__input:indeterminate').exists();
+  const isCheckboxChecked = (checkbox: DOMWrapper<Element>) =>
+    checkbox.find('.puik-checkbox__input:checked').exists();
+  const isCheckboxInderminate = (checkbox: DOMWrapper<Element>) =>
+    checkbox.find('.puik-checkbox__input:indeterminate').exists();
 
   const getCheckboxLabel = (checkbox: { find: (arg0: string) => any }) =>
     checkbox.find('.puik-checkbox__label');
@@ -265,7 +279,9 @@ describe('Table tests', () => {
     factory({ headers, selectable: true, stickyFirstCol: true });
     const header = getHeaders()[0];
     const allFirstItems = getAllItemsOfCol(0);
-    expect(header.classes()).toContain('puik-table__head__row__item--selection');
+    expect(header.classes()).toContain(
+      'puik-table__head__row__item--selection'
+    );
     expect(header.classes()).toContain('puik-table__head__row__item--sticky');
     allFirstItems.forEach((firstItemRow) => {
       expect(firstItemRow.classes()).toContain(
@@ -366,4 +382,115 @@ describe('Table tests', () => {
       expect(row.text()).toContain(item.firstname);
     });
   });
+
+  describe('dataTest attribute', () => {
+    const headers: PuikTableHeader[] = [
+      {
+        text: 'Nom',
+        value: 'lastname',
+        size: 'md',
+        searchable: true,
+        sortable: true
+      },
+      {
+        text: 'Prénom',
+        value: 'firstname',
+        size: 'md',
+        searchable: true,
+        sortable: true
+      },
+      {
+        text: 'Age',
+        value: 'age',
+        size: 'sm',
+        align: 'right',
+        searchable: true,
+        sortable: true
+      },
+      {
+        text: 'Email',
+        value: 'email',
+        align: 'left',
+        searchable: true,
+        sortable: false
+      },
+      {
+        value: 'actions',
+        size: 'sm',
+        align: 'center',
+        preventExpand: true,
+        searchSubmit: true
+      }
+    ];
+    const dataTest = 'data-test';
+    it('should have data-test attribute on table', () => {
+      factory({ headers, dataTest, selectable: true, expandable: true });
+      const table = wrapper.findAll(`[data-test="table-${dataTest}"]`);
+      expect(table.length).toBe(1);
+    });
+    it('should have data-test attribute on thead', () => {
+      const thead = wrapper.findAll(`[data-test="table-header-${dataTest}"]`);
+      expect(thead.length).toBe(1);
+    });
+    it('should have data-test attribute on th selectable', () => {
+      const colSelection = wrapper.findAll(
+        `[data-test="table-header-th-${dataTest}-selection"]`
+      );
+      expect(colSelection.length).toBe(1);
+    });
+    it('should have data-test attribute on header checkBox', () => {
+      const headerCheckbox = wrapper.findAll(
+        `[data-test="table-header-checkbox-${dataTest}"]`
+      );
+      expect(headerCheckbox.length).toBe(1);
+    });
+    it('should have data-test attribute on each th', () => {
+      headers.forEach((header, index) => {
+        const col = wrapper.findAll(
+          `[data-test="table-header-content-${dataTest}-${headers[index].value}"]`
+        );
+        expect(col.length).toBe(1);
+      });
+    });
+    it('should have data-test attribute on sortable button', () => {
+      headers.forEach((header, index) => {
+        if (header.sortable) {
+          const col = wrapper.findAll(
+            `[data-test="table-header-sort-${dataTest}-${headers[index].value}"]`
+          );
+          expect(col.length).toBe(1);
+        }
+      });
+    });
+    it('should have data-test attribute on tbody', () => {
+      const tbody = wrapper.findAll(`[data-test="table-body-${dataTest}"]`);
+      expect(tbody.length).toBe(1);
+    });
+    it('should have data-test attribute on each checkbox', () => {
+      defaultItems.forEach((item, index) => {
+        const col = wrapper.findAll(
+          `[data-test="table-body-checkbox-${index}-${dataTest}"]`
+        );
+        expect(col.length).toBe(1);
+      });
+    });
+    it('should have data-test attribute for each icon', () => {
+      defaultItems.forEach((item, index) => {
+        const col = wrapper.findAll(
+          `[data-test="table-body-icon-${index}-${dataTest}"]`
+        );
+        expect(col.length).toBe(1);
+      });
+    });
+    it('should have data-test attribute for each item', () => {
+      headers.forEach((header, index) => {
+        defaultItems.forEach((item, index) => {
+          const col = wrapper.findAll(
+            `[data-test="table-body-item-${index}-${header.value}-${dataTest}"]`
+          );
+          expect(col.length).toBe(1);
+        });
+      });
+    });
+  });
 });