44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
|
import React from "react";
|
||
|
|
import { render, waitFor } from "./test-utils";
|
||
|
|
import App from "../components/App";
|
||
|
|
import { API } from "./helpers/api";
|
||
|
|
import { MIME_TYPES } from "../constants";
|
||
|
|
import { LibraryItem } from "../types";
|
||
|
|
|
||
|
|
const { h } = window;
|
||
|
|
|
||
|
|
describe("library", () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
h.library.resetLibrary();
|
||
|
|
render(<App />);
|
||
|
|
});
|
||
|
|
|
||
|
|
it("import library via drag&drop", async () => {
|
||
|
|
expect(await h.library.loadLibrary()).toEqual([]);
|
||
|
|
await API.drop(
|
||
|
|
await API.loadFile("./fixtures/fixture_library.excalidrawlib"),
|
||
|
|
);
|
||
|
|
await waitFor(async () => {
|
||
|
|
expect(await h.library.loadLibrary()).toEqual([
|
||
|
|
[expect.objectContaining({ id: "A" })],
|
||
|
|
]);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// NOTE: mocked to test logic, not actual drag&drop via UI
|
||
|
|
it("drop library item onto canvas", async () => {
|
||
|
|
expect(h.elements).toEqual([]);
|
||
|
|
const libraryItems: LibraryItem = JSON.parse(
|
||
|
|
await API.readFile("./fixtures/fixture_library.excalidrawlib", "utf8"),
|
||
|
|
).library[0];
|
||
|
|
await API.drop(
|
||
|
|
new Blob([JSON.stringify(libraryItems)], {
|
||
|
|
type: MIME_TYPES.excalidrawlib,
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
await waitFor(() => {
|
||
|
|
expect(h.elements).toEqual([expect.objectContaining({ id: "A_copy" })]);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|