5a73d7d3e5
Rebuild the memo editor as a single CodeMirror 6 "decorated source" editor. The document is the raw markdown, stored verbatim and styled in place (markers stay visible), so the editor never serializes a tree back to markdown — removing the round-trip fidelity bug class (inline images, setext headings, ordered-list indentation, HTML entities) that the old editor needed per-case patches for. - MemoEditor/Editor: CodeMirror 6 + lang-markdown (GFM). Tokens, heading lines, #tag/@mention, and the autocomplete popover are styled in plain CSS (Editor/editor.css) with theme tokens, not a CSS-in-JS theme. - Tab/Shift-Tab nest/outdent list items (marker-aware, ordered items renumbered so nesting is CommonMark-valid); Escape blurs; #tag autocomplete sourced from useTagCounts. - Focus-mode toolbar reimplemented as markdown-text ops; active state read from the Lezer tree via the backend-agnostic formatting/commands catalog. - Remove the old serialize-back-to-markdown editor (its Editor dir, PlainEditor, the editor-mode system) and its now-unused dependencies (marked, textarea-caret, and the rich-text editor packages). - Consolidate toolbar components under Toolbar/. Read-only MemoContent rendering is unchanged.
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { render } from "@testing-library/react";
|
|
import { createRef } from "react";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import Editor from "@/components/MemoEditor/Editor";
|
|
import type { EditorController } from "@/components/MemoEditor/types/editorController";
|
|
|
|
vi.mock("@/hooks/useUserQueries", () => ({
|
|
useTagCounts: () => ({ data: {} }),
|
|
}));
|
|
|
|
describe("Editor", () => {
|
|
it("loads markdown and serializes it back verbatim", () => {
|
|
const ref = createRef<EditorController>();
|
|
render(
|
|
<Editor
|
|
ref={ref}
|
|
className="x"
|
|
initialContent={"# Title\n\n- a\n 1. b"}
|
|
placeholder="memo"
|
|
onContentChange={vi.fn()}
|
|
onPaste={vi.fn()}
|
|
/>,
|
|
);
|
|
expect(ref.current?.getMarkdown()).toBe("# Title\n\n- a\n 1. b");
|
|
});
|
|
|
|
it("emits changes through onContentChange", () => {
|
|
const ref = createRef<EditorController>();
|
|
const onChange = vi.fn();
|
|
render(<Editor ref={ref} className="x" initialContent="" placeholder="memo" onContentChange={onChange} onPaste={vi.fn()} />);
|
|
ref.current?.setMarkdown("hello");
|
|
expect(onChange).toHaveBeenCalledWith("hello");
|
|
});
|
|
});
|