diff --git a/packages/lib/src/search-bar/SearchBar.test.tsx b/packages/lib/src/search-bar/SearchBar.test.tsx
index 2a59203c0..dd4863844 100644
--- a/packages/lib/src/search-bar/SearchBar.test.tsx
+++ b/packages/lib/src/search-bar/SearchBar.test.tsx
@@ -16,7 +16,7 @@ describe("SearchBarTrigger component tests", () => {
const { getByRole } = render();
const button = getByRole("button");
- userEvent.click(button);
+ fireEvent.click(button);
expect(onTriggerClick).toHaveBeenCalledTimes(1);
});
@@ -30,69 +30,75 @@ describe("SearchBar component tests", () => {
expect(text).toBeTruthy();
});
- test("Calls onChange when typing", () => {
+ test("Calls onChange when typing", async () => {
+ const user = userEvent.setup();
const onChange = jest.fn();
const { getByRole } = render();
const input = getByRole("textbox") as HTMLInputElement;
- userEvent.type(input, "hello");
+ await user.type(input, "hello");
expect(onChange).toHaveBeenCalled();
expect(onChange).toHaveBeenLastCalledWith("hello");
});
- test("Calls onEnter with value when pressing Enter", () => {
+ test("Calls onEnter with value when pressing Enter", async () => {
+ const user = userEvent.setup();
const onEnter = jest.fn();
const { getByRole } = render();
const input = getByRole("textbox") as HTMLInputElement;
- userEvent.type(input, "search text");
+ await user.type(input, "search text");
fireEvent.keyDown(input, { key: "Enter" });
expect(onEnter).toHaveBeenCalledTimes(1);
expect(onEnter).toHaveBeenCalledWith("search text");
});
- test("Clears value when clicking clear icon", () => {
+ test("Clears value when clicking clear icon", async () => {
const { getByRole } = render();
const input = getByRole("textbox") as HTMLInputElement;
- userEvent.type(input, "abc");
+ const user = userEvent.setup();
+ await user.type(input, "abc");
const clearButton = getByRole("button");
expect(clearButton).toBeTruthy();
- userEvent.click(clearButton);
+ await user.click(clearButton);
expect(input.value).toBe("");
});
- test("Clears value when pressing Escape", () => {
+ test("Clears value when pressing Escape", async () => {
+ const user = userEvent.setup();
const { getByRole } = render();
const input = getByRole("textbox") as HTMLInputElement;
- userEvent.type(input, "xyz");
+ await user.type(input, "xyz");
fireEvent.keyDown(input, { key: "Escape" });
expect(input.value).toBe("");
});
- test("Calls onBlur with current value when blurred", () => {
+ test("Calls onBlur with current value when blurred", async () => {
+ const user = userEvent.setup();
const onBlur = jest.fn();
const { getByRole } = render();
const input = getByRole("textbox") as HTMLInputElement;
- userEvent.type(input, "blur me");
+ await user.type(input, "blur me");
fireEvent.blur(input);
expect(onBlur).toHaveBeenCalledWith("blur me");
});
- test("Calls onCancel when Cancel button is clicked", () => {
+ test("Calls onCancel when Cancel button is clicked", async () => {
+ const user = userEvent.setup();
const onCancel = jest.fn();
const { getByRole } = render();
const cancelButton = getByRole("button", { name: /Cancel/i });
- userEvent.click(cancelButton);
+ await user.click(cancelButton);
expect(onCancel).toHaveBeenCalledTimes(1);
});