Select option before accepting it

In the new version of Floating UI, it corrects that the JSDOM click was
seen as a "mobile" click. Since [`focusItemOnOpen`](https://floating-ui.com/docs/useListNavigation#focusitemonopen)
is set to `auto`, this results in selecting the first option when the
suggest box was opened. Now that JSDOM is correctly detected as a keyboard
input device, it will not select the first option when the suggest box is
opened. The tests have been updated to account for this by always first
selecting the first option before accepting it.

Author: koesie10

extensions/ql-vscode/src/view/common/SuggestBox/__tests__/SuggestBox.test.tsx

@@ -167,7 +167,7 @@ describe("SuggestBox", () => {
     });
 
     await userEvent.click(screen.getByRole("combobox"));
-    await userEvent.keyboard("{Enter}");
+    await userEvent.keyboard("{ArrowDown}{Enter}");
 
     expect(onChange).toHaveBeenCalledWith("Argument[block].Parameter[1]");
   });
@@ -204,7 +204,7 @@ describe("SuggestBox", () => {
 
     expect(screen.getAllByRole("option")).not.toHaveLength(0);
 
-    await userEvent.keyboard("{Enter}");
+    await userEvent.keyboard("{ArrowDown}{Enter}");
 
     expect(screen.queryByRole("option")).not.toBeInTheDocument();
   });
@@ -244,7 +244,7 @@ describe("SuggestBox", () => {
 
     await userEvent.click(screen.getByRole("combobox"));
     await userEvent.keyboard(
-      "{ArrowDown}{ArrowDown}{ArrowUp}{ArrowDown}{ArrowDown}{Enter}",
+      "{ArrowDown}{ArrowDown}{ArrowDown}{ArrowUp}{ArrowDown}{ArrowDown}{Enter}",
     );
 
     expect(onChange).toHaveBeenCalledWith("Argument[text_rep:]");
@@ -283,7 +283,7 @@ describe("SuggestBox", () => {
     });
 
     await userEvent.click(screen.getByRole("combobox"));
-    await userEvent.keyboard("{Enter}");
+    await userEvent.keyboard("{ArrowDown}{Enter}");
 
     expect(screen.queryByRole("option")).not.toBeInTheDocument();