Fix index creation interactions with ComboBox

Author: kraenhansen

packages/compass-e2e-tests/helpers/commands/create-index.ts

@@ -55,11 +55,10 @@ export async function createIndex(
   await createModal.waitForDisplayed();
 
   // Select / type field name
-  await browser.setValueVisible(
+  await browser.setComboBoxValue(
     Selectors.createIndexModalFieldNameSelectInput(createRowIndex),
     fieldName
   );
-  await browser.keys(['Enter']);
 
   // Select field type
   const fieldTypeSelect = browser.$(

packages/compass-e2e-tests/helpers/commands/set-combo-box-value.ts

@@ -26,6 +26,11 @@ export async function setComboBoxValue(
   );
   await comboboxListSelectorElement.waitForDisplayed();
   await browser.setValueVisible(comboboxInputSelector, comboboxValue);
-  await browser.keys(['Enter']);
+  await browser.clickVisible(
+    comboboxListSelectorElement.$(
+      // Handle existing as well as new values
+      `[aria-label="${comboboxValue}"],[aria-label='Field: "${comboboxValue}"']`
+    )
+  );
   await comboboxListSelectorElement.waitForDisplayed({ reverse: true });
 }