82 lines
3 KiB
TypeScript
82 lines
3 KiB
TypeScript
import { render, screen } from "@testing-library/react";
|
|
import { createRef } from "react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import PlainEditor from "@/components/MemoEditor/PlainEditor";
|
|
import type { EditorController } from "@/components/MemoEditor/types/editorController";
|
|
|
|
function setup(initialContent = "") {
|
|
const ref = createRef<EditorController>();
|
|
render(
|
|
<PlainEditor ref={ref} className="" initialContent={initialContent} placeholder="memo" onContentChange={vi.fn()} onPaste={vi.fn()} />,
|
|
);
|
|
const controller = ref.current as EditorController;
|
|
const textarea = screen.getByPlaceholderText("memo") as HTMLTextAreaElement;
|
|
return { controller, textarea };
|
|
}
|
|
|
|
describe("PlainEditor EditorController", () => {
|
|
it("getMarkdown/setMarkdown mirror the textarea value", () => {
|
|
const { controller, textarea } = setup("hello");
|
|
expect(controller.getMarkdown()).toBe("hello");
|
|
controller.setMarkdown("changed");
|
|
expect(textarea.value).toBe("changed");
|
|
});
|
|
|
|
it("isEmpty treats whitespace-only content as empty", () => {
|
|
const { controller } = setup(" \n ");
|
|
expect(controller.isEmpty()).toBe(true);
|
|
});
|
|
|
|
it("insertMarkdown separates blocks with blank lines", () => {
|
|
const { controller, textarea } = setup("first line");
|
|
textarea.setSelectionRange(10, 10);
|
|
controller.insertMarkdown("transcribed");
|
|
expect(textarea.value).toBe("first line\n\ntranscribed");
|
|
});
|
|
|
|
it("toggleBold wraps the selection in **", () => {
|
|
const { controller, textarea } = setup("read the docs");
|
|
textarea.setSelectionRange(9, 13);
|
|
controller.toggleBold();
|
|
expect(textarea.value).toBe("read the **docs**");
|
|
});
|
|
|
|
it("toggleTaskList prefixes and unprefixes the current line", () => {
|
|
const { controller, textarea } = setup("buy milk");
|
|
textarea.setSelectionRange(4, 4);
|
|
controller.toggleTaskList();
|
|
expect(textarea.value).toBe("- [ ] buy milk");
|
|
controller.toggleTaskList();
|
|
expect(textarea.value).toBe("buy milk");
|
|
});
|
|
|
|
it("toggleTaskList unprefixes a checked task line", () => {
|
|
const { controller, textarea } = setup("- [x] done thing");
|
|
textarea.setSelectionRange(8, 8);
|
|
controller.toggleTaskList();
|
|
expect(textarea.value).toBe("done thing");
|
|
});
|
|
|
|
it("toggleTaskList preserves indentation", () => {
|
|
const { controller, textarea } = setup(" nested item");
|
|
textarea.setSelectionRange(4, 4);
|
|
controller.toggleTaskList();
|
|
expect(textarea.value).toBe(" - [ ] nested item");
|
|
controller.toggleTaskList();
|
|
expect(textarea.value).toBe(" nested item");
|
|
});
|
|
|
|
it("insertMarkdown with an empty string is a no-op", () => {
|
|
const { controller, textarea } = setup("unchanged");
|
|
textarea.setSelectionRange(0, 9);
|
|
controller.insertMarkdown("");
|
|
expect(textarea.value).toBe("unchanged");
|
|
});
|
|
|
|
it("hasFocus reflects the active element", () => {
|
|
const { controller, textarea } = setup("x");
|
|
expect(controller.hasFocus()).toBe(false);
|
|
textarea.focus();
|
|
expect(controller.hasFocus()).toBe(true);
|
|
});
|
|
});
|