nntrivi2001
c5aba094bd
- AI Tools moves from a Settings section into a modal behind a button at the Settings tab bar's right edge (AiToolsModal, `actions` on PageTabs, /settings#ai-tools); rows get an enable switch, Default badge, and an Update button for every tool whose catalog names an updater (no version lookup on open); not-installed tools fold behind a disclosure, a finished job's log folds to one line; shared AiToolIcon - codex updates through its own `codex update`, openclaw/hermes gain `update --yes`; update-all runs every installed updater and skips an npm one only when npm does not manage the binary - Add-lane tool picker is one button showing the chosen tool that opens the enabled tools as buttons - Claude Code / Codex AgentHub sub-tab folded into Overview (home editor, hooks, pricing); the path list drops CLAUDE_HOME/CODEX_HOME; HomeDirSetting shows the saved value only while the field differs - Preview/Raw toggle for markdown files in the config FileViewer and the Changes panel's whole-file view (MarkdownPreview: react-markdown + remark-gfm, raw HTML never run, frontmatter as a code block) - docs and the CLAUDE.md marker updated
76 lines
3.1 KiB
TypeScript
76 lines
3.1 KiB
TypeScript
/**
|
|
* @file MarkdownPreview.test.tsx
|
|
* @description The markdown preview: GFM renders (headings, tables, task
|
|
* lists), raw HTML stays text, links open in a new tab, frontmatter is a
|
|
* code block; and the config FileViewer offers Raw / Preview only for a
|
|
* markdown file.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
|
|
import { render, screen } from "@testing-library/react";
|
|
import userEvent from "@testing-library/user-event";
|
|
import { describe, expect, it, vi } from "vitest";
|
|
import { MarkdownPreview, isMarkdown } from "../MarkdownPreview";
|
|
import { FileViewer } from "../config/FileViewer";
|
|
|
|
describe("MarkdownPreview", () => {
|
|
it("renders GFM: headings, tables and task lists", () => {
|
|
render(
|
|
<MarkdownPreview
|
|
text={"# Title\n\n| a | b |\n|---|---|\n| 1 | 2 |\n\n- [x] done\n- [ ] todo\n"}
|
|
/>
|
|
);
|
|
expect(screen.getByRole("heading", { level: 1, name: "Title" })).toBeInTheDocument();
|
|
expect(screen.getByRole("table")).toBeInTheDocument();
|
|
expect(screen.getAllByRole("checkbox")).toHaveLength(2);
|
|
});
|
|
|
|
it("never runs raw HTML and opens links in a new tab", () => {
|
|
const { container } = render(
|
|
<MarkdownPreview
|
|
text={'<script>alert(1)</script><img src=x onerror="alert(1)">\n\n[x](https://a.example)'}
|
|
/>
|
|
);
|
|
expect(container.querySelector("script")).toBeNull();
|
|
expect(container.querySelector("img")).toBeNull();
|
|
const link = screen.getByRole("link", { name: "x" });
|
|
expect(link).toHaveAttribute("target", "_blank");
|
|
expect(link).toHaveAttribute("rel", "noreferrer noopener");
|
|
});
|
|
|
|
it("shows frontmatter as a block, not as a heading", () => {
|
|
const { container } = render(
|
|
<MarkdownPreview text={"---\nname: demo\ndescription: d\n---\n\nBody text\n"} />
|
|
);
|
|
expect(container.querySelector(".md-frontmatter")).toHaveTextContent("name: demo");
|
|
expect(screen.queryByRole("heading")).toBeNull();
|
|
expect(screen.getByText("Body text")).toBeInTheDocument();
|
|
});
|
|
|
|
it("knows a markdown path", () => {
|
|
expect(isMarkdown("/a/SKILL.md")).toBe(true);
|
|
expect(isMarkdown("README.markdown")).toBe(true);
|
|
expect(isMarkdown("config.toml")).toBe(false);
|
|
expect(isMarkdown(null)).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe("FileViewer — markdown preview", () => {
|
|
const data = { text: "# Hello\n", truncated: false } as never;
|
|
|
|
it("switches a markdown file between raw and preview", async () => {
|
|
render(<FileViewer state={{ path: "/x/CLAUDE.md", data, error: null }} onClose={vi.fn()} />);
|
|
expect(screen.queryByTestId("markdown-preview")).toBeNull();
|
|
expect(screen.getByText("# Hello")).toBeInTheDocument();
|
|
await userEvent.click(screen.getByRole("button", { name: "Preview" }));
|
|
expect(screen.getByRole("heading", { name: "Hello" })).toBeInTheDocument();
|
|
await userEvent.click(screen.getByRole("button", { name: "Raw" }));
|
|
expect(screen.queryByTestId("markdown-preview")).toBeNull();
|
|
});
|
|
|
|
it("offers no preview for another file type", () => {
|
|
render(<FileViewer state={{ path: "/x/config.toml", data, error: null }} onClose={vi.fn()} />);
|
|
expect(screen.queryByRole("button", { name: "Preview" })).toBeNull();
|
|
});
|
|
});
|