mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-11-07 06:14:27 +01:00
47cbb5b6fb
* refactor device to editor interface and derive styles panel * allow host app to control form factor and ui mode * add editor interface event listener * put new props inside UIOptions * refactor: move related apis into one file * expose getFormFactor * privatize the setting of desktop mode and fix snapshots * refactor and fix test * remove unimplemented code * export getFormFactor() * replace `getFormFactor` with `getEditorInterface` * remove dead & useless * comment * fix ts --------- Co-authored-by: dwelle <5153846+dwelle@users.noreply.github.com>
37 lines
994 B
TypeScript
37 lines
994 B
TypeScript
import { UI } from "@excalidraw/excalidraw/tests/helpers/ui";
|
|
import {
|
|
mockBoundingClientRect,
|
|
render,
|
|
restoreOriginalGetBoundingClientRect,
|
|
} from "@excalidraw/excalidraw/tests/test-utils";
|
|
|
|
import ExcalidrawApp from "../App";
|
|
|
|
describe("Test MobileMenu", () => {
|
|
const { h } = window;
|
|
const dimensions = { height: 400, width: 800 };
|
|
|
|
beforeAll(() => {
|
|
mockBoundingClientRect(dimensions);
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
await render(<ExcalidrawApp />);
|
|
h.app.refreshEditorInterface();
|
|
});
|
|
|
|
afterAll(() => {
|
|
restoreOriginalGetBoundingClientRect();
|
|
});
|
|
|
|
it("should set editor interface correctly", () => {
|
|
expect(h.app.editorInterface.formFactor).toBe("phone");
|
|
});
|
|
|
|
it("should initialize with welcome screen and hide once user interacts", async () => {
|
|
expect(document.querySelector(".welcome-screen-center")).toMatchSnapshot();
|
|
UI.clickTool("rectangle");
|
|
expect(document.querySelector(".welcome-screen-center")).toBeNull();
|
|
});
|
|
});
|