Dropdown component doesn't allow data-testid attribute to persist

[Matt-at-Hyland]

This occurs while creating a custom Widget using Experience Builder version 1.16.

Using the following UI components

<Dropdown>
	<Tooltip title="Title of Dropdown">
		<DropdownButton
			icon
			onClick={function noRefCheck() { }}
			data-testid="DesiredDataTestId"
		>
			<PersonFilled size="25" />
		</DropdownButton>
	</Tooltip>
	<DropdownMenu >
		<DropdownItem>
			Menu Item 1
		</DropdownItem>
	</DropdownMenu>
</Dropdown>

Results in the HTML output of:

<button data-testid="dropdownBtn" aria-haspopup="menu" aria-expanded="false" class="btn jimu-btn jimu-dropdown-button ...

Where the data-testid ends up as dropdownBtn instead of DesiredDataTestId

[fishNimo]

Thanks @Matt-at-Hyland. The prop['data-testid'] is overwritten by the fixed value 'dropdownBtn' ​​of the component itself. We will fix it in the next release.