1 files changed, 45 insertions, 0 deletions
diff --git a/packages/excalidraw/tests/App.test.tsx b/packages/excalidraw/tests/App.test.tsx
new file mode 100644
index 0000000..ad62706
--- /dev/null
+++ b/packages/excalidraw/tests/App.test.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import * as StaticScene from "../renderer/staticScene";
+import { reseed } from "../random";
+import { render, queryByTestId, unmountComponent } from "../tests/test-utils";
+
+import { Excalidraw } from "../index";
+import { vi } from "vitest";
+
+const renderStaticScene = vi.spyOn(StaticScene, "renderStaticScene");
+
+describe("Test <App/>", () => {
+  beforeEach(async () => {
+    unmountComponent();
+    localStorage.clear();
+    renderStaticScene.mockClear();
+    reseed(7);
+  });
+
+  it("should show error modal when using brave and measureText API is not working", async () => {
+    (global.navigator as any).brave = {
+      isBrave: {
+        name: "isBrave",
+      },
+    };
+
+    const originalContext = global.HTMLCanvasElement.prototype.getContext("2d");
+    //@ts-ignore
+    global.HTMLCanvasElement.prototype.getContext = (contextId) => {
+      return {
+        ...originalContext,
+        measureText: () => ({
+          width: 0,
+        }),
+      };
+    };
+
+    await render(<Excalidraw />);
+    expect(
+      queryByTestId(
+        document.querySelector(".excalidraw-modal-container")!,
+        "brave-measure-text-error",
+      ),
+    ).toMatchSnapshot();
+  });
+});