Try removing the get by role.

Author: thekevinbrown

src/packages/admin-ui-components/src/combo-box/component.tsx

@@ -112,7 +112,7 @@ export const ComboBox = ({
 
 	return (
 		<div className={styles.select} data-testid={testId}>
-			<div className={clsx(styles.selectBox, isOpen && styles.open)}>
+			<div className={clsx(styles.selectBox, isOpen && styles.open)} data-testid={`${testId}-box`}>
 				<div className={styles.inputContainer}>
 					{valueArray.length > 0 && (
 						<div className={styles.selectedOptions}>
@@ -134,6 +134,7 @@ export const ComboBox = ({
 							<input
 								readOnly={!allowFreeTyping}
 								className={styles.selectInput}
+								data-testid={`${testId}-input`}
 								{...getInputProps({
 									ref: inputRef,
 									onBlur: handleBlur,

src/packages/end-to-end/src/__tests__/ui/postgres/enum-editor.test.ts

@@ -8,7 +8,7 @@ test('Detail Panel - should allow editing of an entity with an enum dropdown', a
 	await page.getByRole('cell', { name: '1', exact: true }).click();
 
 	// This invoice starts in 'UNPAID' status, so let's change that.
-	await page.getByTestId('detail-panel-field-paymentStatus').getByRole('combobox').click();
+	await page.getByTestId('detail-panel-field-paymentStatus').click();
 	await page.getByTestId('combo-option-PAID').click();
 
 	// We should have 'PAID' selected now.

src/packages/end-to-end/src/__tests__/ui/rest/basic-functionality.test.ts

@@ -32,7 +32,7 @@ test('Ensure vehicles can be listed and that they have pilots', async ({ page })
 test('Ensure people can be filtered', async ({ page }) => {
 	await page.goto(config.adminUiUrl);
 	await page.getByTestId('Person-entity-link').click();
-	await page.getByTestId('url-filter').getByRole('combobox').click();
+	await page.getByTestId('url-filter').click();
 	await page.getByTestId('combo-option-4').click();
 	await page.waitForURL((url) => url.toString().includes('filters=eyJ1cmxfaW4iOlsiNCJdfQ%3D%3D'));
 	await page.getByTestId('spinner').waitFor({ state: 'hidden' });
@@ -43,7 +43,7 @@ test('Ensure people can be filtered', async ({ page }) => {
 		await page.getByTestId('table').locator('tbody').locator('tr').nth(0).textContent()
 	).toBe('4Darth Vader202136none41.9BBY');
 
-	await page.getByTestId('url-filter').getByRole('combobox').click();
+	await page.getByTestId('url-filter').click();
 	await page.getByTestId('combo-option-2').click();
 	await page.waitForURL((url) => url.toString().includes('filters=eyJ1cmxfaW4iOlsiNCIsIjIiXX0%3D'));
 	await page.getByTestId('spinner').waitFor({ state: 'hidden' });
@@ -67,7 +67,7 @@ test('Ensure people can be filtered', async ({ page }) => {
 test('Ensure vehicles can be filtered', async ({ page }) => {
 	await page.goto(config.adminUiUrl);
 	await page.getByTestId('Vehicle-entity-link').click();
-	await page.getByTestId('url-filter').getByRole('combobox').click();
+	await page.getByTestId('url-filter').click();
 	await page.getByTestId('combo-option-4').click();
 	await page.waitForURL((url) => url.toString().includes('filters=eyJ1cmxfaW4iOlsiNCJdfQ%3D%3D'));
 	await page.getByTestId('spinner').waitFor({ state: 'hidden' });
@@ -78,7 +78,7 @@ test('Ensure vehicles can be filtered', async ({ page }) => {
 		await page.getByTestId('table').locator('tbody').locator('tr').nth(0).textContent()
 	).toBe('4Sand CrawlerDigger CrawlerCorellia Mining Corporation15000036.8 4630');
 
-	await page.getByTestId('url-filter').getByRole('combobox').click();
+	await page.getByTestId('url-filter').click();
 	await page.getByTestId('combo-option-14').click();
 	await page.waitForURL((url) => url.toString().includes('filters=eyJ1cmxfaW4iOlsiNCIsIjE0Il19'));
 	await page.getByTestId('spinner').waitFor({ state: 'hidden' });

src/packages/end-to-end/src/__tests__/ui/sqlite/components/selectbox.test.ts

@@ -21,7 +21,6 @@ test('Check Select field shows correct number of selected items after adding add
 	await page
 		.locator('div')
 		.filter({ hasText: /^tracks\*3 Selected×$/ })
-		.getByRole('combobox')
 		.click({ delay: 1000 });
 	await page.getByRole('listbox').getByText('"40"').click();
 	await expect(page.locator('form')).toContainText('4 Selected');
@@ -36,7 +35,6 @@ test('Check adding additional item to OneToMany field and saving functions as ex
 	await page
 		.locator('div')
 		.filter({ hasText: /^tracks\*10 Selected×$/ })
-		.getByRole('combobox')
 		.click({ delay: 1000 });
 	await page.getByText('"40"').click();
 	await expect(page.locator('form')).toContainText('11 Selected');
@@ -52,10 +50,10 @@ test('Should allow navigation around using a keyboard', async ({ page }) => {
 	await page.goto(config.adminUiUrl);
 	await page.getByRole('link', { name: 'Employee' }).click();
 
-	await page.getByRole('combobox').nth(0).click();
-	await page.getByRole('combobox').nth(0).press('ArrowDown', { delay: 300 });
-	await page.getByRole('combobox').nth(0).press('ArrowDown', { delay: 300 });
-	await page.getByRole('combobox').nth(0).press('Enter', { delay: 300 });
+	await page.getByTestId('employee-filter').click();
+	await page.getByTestId('employee-filter').press('ArrowDown', { delay: 300 });
+	await page.getByTestId('employee-filter').press('ArrowDown', { delay: 300 });
+	await page.getByTestId('employee-filter').press('Enter', { delay: 300 });
 	await expect(await page.getByText('IT Manager×')).toBeVisible();
 	await page.getByText('IT Manager×').press('Delete');
 	await expect(await page.getByText('IT Manager×')).not.toBeVisible();

src/packages/end-to-end/src/__tests__/ui/sqlite/issues/gh192.test.ts

@@ -29,13 +29,11 @@ test('ensure toast is displayed with the name of the item after creation', async
 	await page
 		.locator('div')
 		.filter({ hasText: /^artist\*Select$/ })
-		.getByRole('combobox')
 		.click(); // Click the artist dropdown
 	await page.locator('form').getByText('A Cor Do Som').click();
 	await page
 		.locator('div')
 		.filter({ hasText: /^tracks\*Select$/ })
-		.getByRole('combobox')
 		.click();
 	await page.locator('form').getByText('#9 Dream').click();
 	await page.getByRole('button', { name: 'Save' }).click();

src/packages/end-to-end/src/__tests__/ui/sqlite/issues/gh218.test.ts

@@ -5,9 +5,9 @@ test('Ensure filtering by multiple items works', async ({ page }) => {
 	await page.goto(config.adminUiUrl);
 	await page.getByRole('link', { name: 'Album' }).click();
 
-	await page.getByTestId('artist-filter').getByRole('combobox').click();
+	await page.getByTestId('artist-filter').click();
 	await page.getByTestId('combo-option-AC/DC').click();
-	await page.getByTestId('artist-filter').getByRole('combobox').click();
+	await page.getByTestId('artist-filter').click();
 	await page.getByTestId('combo-option-Aaron Copland & London').click();
 
 	// Those rows should look like this:

src/packages/end-to-end/src/__tests__/ui/storage-provider/client-provided-id.test.ts

@@ -33,7 +33,7 @@ test('Ensure a new image note can be created when an ID is provided', async ({ p
 	await page.getByLabel('id').click();
 	await page.getByLabel('id').fill('8a8e1d03-6024-4163-ae73-9d369f9e2922');
 
-	await page.getByTestId('detail-panel-field-submission').getByRole('combobox').click();
+	await page.getByTestId('detail-panel-field-submission').click();
 	await page.getByTestId(`combo-option-${submissionId}`).click();
 
 	await page.getByRole('button', { name: 'Save' }).click();
@@ -68,7 +68,7 @@ test('Ensure a new image note cannot be created when an ID is not provided', asy
 
 	await page.getByLabel('note*').fill('This is a note');
 
-	await page.getByTestId('detail-panel-field-submission').getByRole('combobox').click();
+	await page.getByTestId('detail-panel-field-submission').click();
 	await page.getByTestId(`combo-option-${submissionId}`).click();
 
 	await page.getByRole('button', { name: 'Save' }).click();