johnnyjoygh
35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import { render } from "@testing-library/react";
|
|
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
import { MemoMarkdownRenderer } from "@/components/MemoContent/MemoMarkdownRenderer";
|
|
import { hasMathSyntax } from "@/components/MemoContent/math";
|
|
|
|
vi.mock("@/components/MemoContent/math", () => ({
|
|
hasMathSyntax: vi.fn(() => false),
|
|
}));
|
|
|
|
describe("<MemoMarkdownRenderer /> memoization", () => {
|
|
beforeEach(() => {
|
|
vi.mocked(hasMathSyntax).mockClear();
|
|
});
|
|
|
|
it("does not parse again when only the resolved mention Set identity changes", () => {
|
|
const { rerender } = render(
|
|
<MemoMarkdownRenderer content="Hello @alice" memoName="memos/1" resolvedMentionUsernames={new Set(["alice"])} />,
|
|
);
|
|
|
|
rerender(<MemoMarkdownRenderer content="Hello @alice" memoName="memos/1" resolvedMentionUsernames={new Set(["alice"])} />);
|
|
|
|
expect(hasMathSyntax).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
it("renders again when the relevant resolved mentions change", () => {
|
|
const { rerender } = render(
|
|
<MemoMarkdownRenderer content="Hello @alice" memoName="memos/1" resolvedMentionUsernames={new Set<string>()} />,
|
|
);
|
|
|
|
rerender(<MemoMarkdownRenderer content="Hello @alice" memoName="memos/1" resolvedMentionUsernames={new Set(["alice"])} />);
|
|
|
|
expect(hasMathSyntax).toHaveBeenCalledTimes(2);
|
|
});
|
|
});
|