diff --git a/.changeset/four-islands-brake.md b/.changeset/four-islands-brake.md new file mode 100644 index 00000000000..830bb1108dd --- /dev/null +++ b/.changeset/four-islands-brake.md @@ -0,0 +1,5 @@ +--- +'@talend/design-system': minor +--- + +chore: add data-test attr on stacks diff --git a/packages/design-system/src/components/Stack/Primitive/StackPrimitive.test.tsx b/packages/design-system/src/components/Stack/Primitive/StackPrimitive.test.tsx new file mode 100644 index 00000000000..097347666e0 --- /dev/null +++ b/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( + + text + , + ); + + 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'); + }); +}); diff --git a/packages/design-system/src/components/Stack/Primitive/StackPrimitive.tsx b/packages/design-system/src/components/Stack/Primitive/StackPrimitive.tsx index 51461ca164f..e46ac070945 100644 --- a/packages/design-system/src/components/Stack/Primitive/StackPrimitive.tsx +++ b/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( {