diff --git a/packages/lib/src/resultset-table/ResultsetTable.test.tsx b/packages/lib/src/resultset-table/ResultsetTable.test.tsx index 17884ea46..b9e02aaca 100644 --- a/packages/lib/src/resultset-table/ResultsetTable.test.tsx +++ b/packages/lib/src/resultset-table/ResultsetTable.test.tsx @@ -1,5 +1,4 @@ -import { act, fireEvent, render } from "@testing-library/react"; -import userEvent from "@testing-library/user-event"; +import { fireEvent, render } from "@testing-library/react"; import DxcCheckbox from "../checkbox/Checkbox"; import DxcResultsetTable from "./ResultsetTable"; @@ -375,12 +374,12 @@ describe("Resultset table component tests", () => { expect(getByText("Louis")).toBeTruthy(); expect(getByText("Lana")).toBeTruthy(); expect(getAllByRole("row").length - 1).toEqual(3); - const goToPageSelect = getAllByRole("button")[3]; + const goToPageSelect = getAllByRole("combobox")[0]; if (goToPageSelect) { - userEvent.click(goToPageSelect); + fireEvent.click(goToPageSelect); } const goToPageOption = getByText("2"); - userEvent.click(goToPageOption); + fireEvent.click(goToPageOption); expect(getByText("4 to 6 of 10")).toBeTruthy(); expect(getByText("Rick")).toBeTruthy(); expect(getByText("Mark")).toBeTruthy(); @@ -551,23 +550,17 @@ describe("Resultset table component tests", () => { }, ], ]; - const { getAllByRole, getByRole, getByText } = render( + const { getByRole, getByText, getByTitle } = render( ); - const dropdown = getAllByRole("button")[2]; - act(() => { - if (dropdown) { - userEvent.click(dropdown); - } - }); + const dropdown = getByTitle("icon1"); + fireEvent.click(dropdown); expect(getByRole("menu")).toBeTruthy(); const option = getByText("Aliexpress"); - userEvent.click(option); + fireEvent.click(option); expect(onSelectOption).toHaveBeenCalledWith("3"); - const action = getAllByRole("button")[1]; - if (action) { - userEvent.click(action); - } + const action = getByRole("button", { name: "icon2" }); + fireEvent.click(action); expect(onClick).toHaveBeenCalled(); }); diff --git a/packages/lib/src/table/Table.test.tsx b/packages/lib/src/table/Table.test.tsx index 3c0f4fc56..b5b46bcb5 100644 --- a/packages/lib/src/table/Table.test.tsx +++ b/packages/lib/src/table/Table.test.tsx @@ -1,5 +1,4 @@ -import { act, render } from "@testing-library/react"; -import userEvent from "@testing-library/user-event"; +import { fireEvent, render } from "@testing-library/react"; import DxcTable from "./Table"; global.ResizeObserver = jest.fn().mockImplementation(() => ({ @@ -50,7 +49,7 @@ describe("Table component tests", () => { expect(getByText("cell-6")).toBeTruthy(); }); - test("Table ActionsCell", () => { + test("Table ActionsCell", async () => { const onSelectOption = jest.fn(); const onClick = jest.fn(); const actions = [ @@ -105,18 +104,17 @@ describe("Table component tests", () => { ); const dropdown = getAllByRole("button")[1]; - act(() => { - if (dropdown) { - userEvent.click(dropdown); - } - }); + if (!dropdown) { + throw new Error("Expected the actions dropdown to be rendered"); + } + await Promise.resolve(fireEvent.click(dropdown)); expect(getByRole("menu")).toBeTruthy(); const option = getByText("Aliexpress"); - userEvent.click(option); + await Promise.resolve(fireEvent.click(option)); expect(onSelectOption).toHaveBeenCalledWith("3"); const action = getAllByRole("button")[0]; if (action) { - userEvent.click(action); + await Promise.resolve(fireEvent.click(action)); } expect(onClick).toHaveBeenCalled(); });