дзеркало
https://github.com/l0ng-ai/openidea.git
синхронізовано 2026-11-08 19:02:17 +02:00
Jaw
b57272b715
In Preview only the editor is display:none and the preview only followed it in the split layout, so Structure's Autoscroll to Source moved a hidden caret and Autoscroll from Source never saw the preview scroll. Caret moves without an edit now scroll a Preview-only preview to that line, and the preview publishes the source line on screen through editor/api (setShownLine/useShownLine) so Structure selects the heading being read; it is cleared when the editor comes back or the preview closes. Fixes #977 Co-authored-by: jaw52 <[email protected]>
71 рядки
2.9 KiB
TypeScript
71 рядки
2.9 KiB
TypeScript
/**
|
|
* Read-only content surfaces stay selectable/copyable (issue #36): IDEA lets
|
|
* the user select and copy text in the Markdown preview, documentation popups,
|
|
* message dialogs and notifications, while chrome stays unselectable.
|
|
*/
|
|
import { afterEach, describe, expect, it } from "vitest";
|
|
import { act, cleanup, fireEvent, render, screen } from "@testing-library/react";
|
|
import { renderCode, renderMarkup } from "@/editor/lsp/markdown";
|
|
import { MarkdownEditor } from "@/features/viewers/markdown/MarkdownEditor";
|
|
import { useLiveMarkdown } from "@/features/viewers/markdown/live";
|
|
import { useMarkdownModes } from "@/features/viewers/markdown/modes";
|
|
import { Dialog } from "./Dialog";
|
|
import { Toast } from "./Feedback";
|
|
import { selectableText } from "./selectableText";
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
useLiveMarkdown.setState({}, true);
|
|
});
|
|
|
|
describe("selectable read-only surfaces", () => {
|
|
it("Markdown preview (the reported case)", () => {
|
|
act(() =>
|
|
useLiveMarkdown.setState({
|
|
"/p/README.md": {
|
|
text: "# Title\n\nSome *text*",
|
|
topLine: 0,
|
|
scrollSeq: 0,
|
|
fontZoom: 0,
|
|
caretLine: 0,
|
|
caretSeq: 0,
|
|
previewTop: 0,
|
|
},
|
|
}),
|
|
);
|
|
act(() => useMarkdownModes.setState((s) => ({ byPath: { ...s.byPath, "/p/README.md": "preview" } })));
|
|
render(
|
|
<MarkdownEditor path="/p/README.md" tabId="t">
|
|
<div />
|
|
</MarkdownEditor>,
|
|
);
|
|
const preview = screen.getByRole("document", { name: "Markdown preview" });
|
|
expect(preview).toHaveClass(selectableText);
|
|
expect(screen.getByRole("toolbar", { name: "Markdown editor layout" }).closest(`.${selectableText}`)).toBeNull();
|
|
});
|
|
|
|
it("documentation markup and code (Quick Documentation, hover, completion docs)", () => {
|
|
expect(renderMarkup({ kind: "plaintext", value: "docs" })).toHaveClass(selectableText);
|
|
expect(renderCode("fn f()", null)).toHaveClass(selectableText);
|
|
});
|
|
|
|
it("message dialog title and body; dragging does not start on them", () => {
|
|
render(
|
|
<Dialog open onClose={() => {}} icon="warning" title="Delete?" buttons={[{ label: "OK", role: "default" }]}>
|
|
Message text
|
|
</Dialog>,
|
|
);
|
|
const body = screen.getByText("Message text");
|
|
expect(body).toHaveClass(selectableText);
|
|
expect(screen.getByText("Delete?")).toHaveClass(selectableText);
|
|
expect(screen.getByRole("button", { name: "OK" }).closest(`.${selectableText}`)).toBeNull();
|
|
// Not prevented: the press starts a text selection instead of moving the dialog.
|
|
expect(fireEvent.pointerDown(body, { button: 0 })).toBe(true);
|
|
});
|
|
|
|
it("notification title (the body opts in through its own style)", () => {
|
|
render(<Toast level="error" title="Build failed" body="error: E0425" onClose={() => {}} />);
|
|
expect(screen.getByText("Build failed").closest(`.${selectableText}`)).not.toBeNull();
|
|
});
|
|
});
|