feat(@clayui/core): LPD-35826 Add unity test to check if props prefix…

…ed by "data-" are rendered as attributes in the option element

packages/clay-core/src/picker/__tests__/BasicRendering.tsx

@@ -5,6 +5,7 @@
 
 import Icon from '@clayui/icon';
 import {cleanup, render} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import React from 'react';
 
 import {Option, Picker} from '../../';
@@ -208,4 +209,22 @@ describe('Picker basic rendering', () => {
 		expect(selectedValue.getAttribute('aria-expanded')).toBe('false');
 		expect(selectedValue.getAttribute('tabindex')).toBe('0');
 	});
+
+	it('render option with a custom attribute prefixed by "data-"', () => {
+		const {getByRole} = render(
+			<Picker>
+				<Option data-attribute="data-attribute-value" />
+			</Picker>
+		);
+
+		const combobox = getByRole('combobox');
+
+		userEvent.click(combobox);
+
+		const option = getByRole('option');
+
+		expect(option.getAttribute('data-attribute')).toBe(
+			'data-attribute-value'
+		);
+	});
 });