mirror of https://github.com/usememos/memos
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import { create } from "@bufbuild/protobuf";
|
|
import { describe, expect, it } from "vitest";
|
|
import { estimateMemoCardHeight } from "@/components/PagedMemoList/memoCardHeight";
|
|
import { AttachmentSchema, type Attachment } from "@/types/proto/api/v1/attachment_service_pb";
|
|
import { MemoRelation_MemoSchema, MemoRelation_Type, MemoRelationSchema, MemoSchema, type Memo } from "@/types/proto/api/v1/memo_service_pb";
|
|
|
|
const buildAttachment = (overrides: Partial<Attachment>) =>
|
|
create(AttachmentSchema, {
|
|
name: "attachments/test",
|
|
filename: "test.bin",
|
|
type: "application/octet-stream",
|
|
...overrides,
|
|
});
|
|
|
|
const buildCommentRelation = (memoName: string, index: number) =>
|
|
create(MemoRelationSchema, {
|
|
type: MemoRelation_Type.COMMENT,
|
|
memo: create(MemoRelation_MemoSchema, { name: `memos/comment-${index}` }),
|
|
relatedMemo: create(MemoRelation_MemoSchema, { name: memoName }),
|
|
});
|
|
|
|
const buildMemo = (overrides: Partial<Memo> = {}) =>
|
|
create(MemoSchema, {
|
|
name: "memos/main",
|
|
content: "hello",
|
|
attachments: [],
|
|
relations: [],
|
|
...overrides,
|
|
});
|
|
|
|
describe("estimateMemoCardHeight", () => {
|
|
it("accounts for visual attachments before images have loaded", () => {
|
|
const plain = buildMemo();
|
|
const withImage = buildMemo({
|
|
attachments: [
|
|
buildAttachment({
|
|
name: "attachments/image",
|
|
filename: "image.png",
|
|
type: "image/png",
|
|
}),
|
|
],
|
|
});
|
|
|
|
expect(estimateMemoCardHeight(withImage, { columnWidth: 320 })).toBeGreaterThan(
|
|
estimateMemoCardHeight(plain, { columnWidth: 320 }) + 100,
|
|
);
|
|
});
|
|
|
|
it("estimates the visible comment preview height and caps it at three comments", () => {
|
|
const oneComment = buildMemo({ relations: [buildCommentRelation("memos/main", 1)] });
|
|
const threeComments = buildMemo({
|
|
relations: [1, 2, 3].map((index) => buildCommentRelation("memos/main", index)),
|
|
});
|
|
const fiveComments = buildMemo({
|
|
relations: [1, 2, 3, 4, 5].map((index) => buildCommentRelation("memos/main", index)),
|
|
});
|
|
|
|
expect(estimateMemoCardHeight(threeComments, { columnWidth: 320 })).toBeGreaterThan(
|
|
estimateMemoCardHeight(oneComment, { columnWidth: 320 }),
|
|
);
|
|
expect(estimateMemoCardHeight(fiveComments, { columnWidth: 320 })).toBe(estimateMemoCardHeight(threeComments, { columnWidth: 320 }));
|
|
});
|
|
});
|