71 lines
2.9 KiB
TypeScript
71 lines
2.9 KiB
TypeScript
import { create, type MessageInitShape } from "@bufbuild/protobuf";
|
|
import { describe, expect, it } from "vitest";
|
|
import { estimateMemoCardHeight } from "@/components/PagedMemoList/memoCardHeight";
|
|
import { AttachmentSchema } from "@/types/proto/api/v1/attachment_service_pb";
|
|
import { MemoRelation_MemoSchema, MemoRelation_Type, MemoRelationSchema, MemoSchema } from "@/types/proto/api/v1/memo_service_pb";
|
|
|
|
const buildAttachment = (overrides: MessageInitShape<typeof AttachmentSchema>) =>
|
|
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: MessageInitShape<typeof MemoSchema> = {}) =>
|
|
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("does not count an inline managed image again as an attachment gallery", () => {
|
|
const image = buildAttachment({ name: "attachments/image", filename: "image.png", type: "image/png" });
|
|
const inline = buildMemo({ content: "", attachments: [image] });
|
|
const external = buildMemo({ content: "", attachments: [image] });
|
|
|
|
expect(estimateMemoCardHeight(inline, { columnWidth: 320 })).toBeLessThan(estimateMemoCardHeight(external, { columnWidth: 320 }));
|
|
});
|
|
|
|
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 }));
|
|
});
|
|
});
|