chore: add data-test attr on stacks (#5192)

.changeset/four-islands-brake.md

@@ -0,0 +1,5 @@
+---
+'@talend/design-system': minor
+---
+
+chore: add data-test attr on stacks

packages/design-system/src/components/Stack/Primitive/StackPrimitive.test.tsx

@@ -0,0 +1,25 @@
+import { expect } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+
+import StackPrimitive from './StackPrimitive';
+
+describe('StackPrimitive', () => {
+	it('Should render with data-test attributes', async () => {
+		render(
+			<StackPrimitive
+				data-test="my-stack"
+				data-testid="my-stack-testid"
+				data-feature="my-stack-feature"
+				gap={0}
+			>
+				text
+			</StackPrimitive>,
+		);
+
+		const stack = screen.getByTestId('my-stack-testid');
+		expect(stack).toBeInTheDocument();
+
+		expect(stack).toHaveAttribute('data-test', 'my-stack');
+		expect(stack).toHaveAttribute('data-feature', 'my-stack-feature');
+	});
+});

packages/design-system/src/components/Stack/Primitive/StackPrimitive.tsx

@@ -3,6 +3,8 @@ import type { ReactNode, Ref } from 'react';
 
 import classnames from 'classnames';
 
+import { DataAttributes } from '../../../types';
+
 import styles from './StackPrimitive.module.scss';
 
 export const justifyOptions = {
@@ -112,7 +114,7 @@ export type StackPrimitiveProps = {
 	isFullWidth?: boolean;
 	noShrink?: boolean;
 	noGrow?: boolean;
-};
+} & DataAttributes;
 
 const StackPrimitive = forwardRef(function StackPrimitive(
 	{