You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.8 KiB
TypeScript
101 lines
2.8 KiB
TypeScript
import { render, queryAllByTestId } from "../../tests/test-utils";
|
|
import { Excalidraw, MainMenu } from "../../index";
|
|
|
|
describe("Test internal component fallback rendering", () => {
|
|
it("should render only one menu per excalidraw instance (custom menu first scenario)", async () => {
|
|
const { container } = await render(
|
|
<div>
|
|
<Excalidraw>
|
|
<MainMenu>test</MainMenu>
|
|
</Excalidraw>
|
|
<Excalidraw />
|
|
</div>,
|
|
);
|
|
|
|
expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
|
|
|
|
const excalContainers = container.querySelectorAll<HTMLDivElement>(
|
|
".excalidraw-container",
|
|
);
|
|
|
|
expect(
|
|
queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
expect(
|
|
queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
});
|
|
|
|
it("should render only one menu per excalidraw instance (default menu first scenario)", async () => {
|
|
const { container } = await render(
|
|
<div>
|
|
<Excalidraw />
|
|
<Excalidraw>
|
|
<MainMenu>test</MainMenu>
|
|
</Excalidraw>
|
|
</div>,
|
|
);
|
|
|
|
expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
|
|
|
|
const excalContainers = container.querySelectorAll<HTMLDivElement>(
|
|
".excalidraw-container",
|
|
);
|
|
|
|
expect(
|
|
queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
expect(
|
|
queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
});
|
|
|
|
it("should render only one menu per excalidraw instance (two custom menus scenario)", async () => {
|
|
const { container } = await render(
|
|
<div>
|
|
<Excalidraw>
|
|
<MainMenu>test</MainMenu>
|
|
</Excalidraw>
|
|
<Excalidraw>
|
|
<MainMenu>test</MainMenu>
|
|
</Excalidraw>
|
|
</div>,
|
|
);
|
|
|
|
expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
|
|
|
|
const excalContainers = container.querySelectorAll<HTMLDivElement>(
|
|
".excalidraw-container",
|
|
);
|
|
|
|
expect(
|
|
queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
expect(
|
|
queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
});
|
|
|
|
it("should render only one menu per excalidraw instance (two default menus scenario)", async () => {
|
|
const { container } = await render(
|
|
<div>
|
|
<Excalidraw />
|
|
<Excalidraw />
|
|
</div>,
|
|
);
|
|
|
|
expect(queryAllByTestId(container, "main-menu-trigger")?.length).toBe(2);
|
|
|
|
const excalContainers = container.querySelectorAll<HTMLDivElement>(
|
|
".excalidraw-container",
|
|
);
|
|
|
|
expect(
|
|
queryAllByTestId(excalContainers[0], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
expect(
|
|
queryAllByTestId(excalContainers[1], "main-menu-trigger")?.length,
|
|
).toBe(1);
|
|
});
|
|
});
|