30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
|
import { defaultLang } from "../../src/i18n";
|
||
|
|
import { UI } from "../../src/tests/helpers/ui";
|
||
|
|
import { screen, fireEvent, waitFor, render } from "../../src/tests/test-utils";
|
||
|
|
|
||
|
|
import ExcalidrawApp from "../../excalidraw-app";
|
||
|
|
|
||
|
|
describe("Test LanguageList", () => {
|
||
|
|
it("rerenders UI on language change", async () => {
|
||
|
|
await render(<ExcalidrawApp />);
|
||
|
|
|
||
|
|
// select rectangle tool to show properties menu
|
||
|
|
UI.clickTool("rectangle");
|
||
|
|
// english lang should display `thin` label
|
||
|
|
expect(screen.queryByTitle(/thin/i)).not.toBeNull();
|
||
|
|
fireEvent.click(document.querySelector(".dropdown-menu-button")!);
|
||
|
|
|
||
|
|
fireEvent.change(document.querySelector(".dropdown-select__language")!, {
|
||
|
|
target: { value: "de-DE" },
|
||
|
|
});
|
||
|
|
// switching to german, `thin` label should no longer exist
|
||
|
|
await waitFor(() => expect(screen.queryByTitle(/thin/i)).toBeNull());
|
||
|
|
// reset language
|
||
|
|
fireEvent.change(document.querySelector(".dropdown-select__language")!, {
|
||
|
|
target: { value: defaultLang.code },
|
||
|
|
});
|
||
|
|
// switching back to English
|
||
|
|
await waitFor(() => expect(screen.queryByTitle(/thin/i)).not.toBeNull());
|
||
|
|
});
|
||
|
|
});
|