mirror of
https://github.com/outline/outline.git
synced 2026-01-07 11:40:08 -06:00
* provide a type-ahead search input on shared document pages that allow search of child document tree * improve keyboard navigation handling of all search views * improve coloring on dark mode list selection states * refactor PaginatedList component to eliminate edge cases
598 lines
16 KiB
TypeScript
598 lines
16 KiB
TypeScript
import Document from "@server/models/Document";
|
|
import {
|
|
buildDocument,
|
|
buildCollection,
|
|
buildTeam,
|
|
buildUser,
|
|
buildShare,
|
|
} from "@server/test/factories";
|
|
import { flushdb, seed } from "@server/test/support";
|
|
import slugify from "@server/utils/slugify";
|
|
|
|
beforeEach(() => flushdb());
|
|
beforeEach(jest.resetAllMocks);
|
|
|
|
describe("#getSummary", () => {
|
|
test("should strip markdown", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `*paragraph*
|
|
|
|
paragraph 2`,
|
|
});
|
|
expect(document.getSummary()).toBe("paragraph");
|
|
});
|
|
|
|
test("should strip title when no version", async () => {
|
|
const document = await buildDocument({
|
|
version: 0,
|
|
text: `# Heading
|
|
|
|
*paragraph*`,
|
|
});
|
|
expect(document.getSummary()).toBe("paragraph");
|
|
});
|
|
});
|
|
|
|
describe("#migrateVersion", () => {
|
|
test("should maintain empty paragraph under headings", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `# Heading
|
|
|
|
paragraph`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`# Heading
|
|
|
|
paragraph`);
|
|
});
|
|
|
|
test("should add breaks under headings with extra paragraphs", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `# Heading
|
|
|
|
|
|
paragraph`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`# Heading
|
|
|
|
|
|
\\
|
|
paragraph`);
|
|
});
|
|
|
|
test("should add breaks between paragraphs", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `paragraph
|
|
|
|
paragraph`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`paragraph
|
|
|
|
\\
|
|
paragraph`);
|
|
});
|
|
|
|
test("should add breaks for multiple empty paragraphs", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `paragraph
|
|
|
|
|
|
paragraph`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`paragraph
|
|
|
|
\\
|
|
\\
|
|
paragraph`);
|
|
});
|
|
|
|
test("should add breaks with non-latin characters", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `除。
|
|
|
|
通`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`除。
|
|
|
|
\\
|
|
通`);
|
|
});
|
|
|
|
test("should update task list formatting", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `[ ] list item
|
|
`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`- [ ] list item
|
|
`);
|
|
});
|
|
|
|
test("should update task list with multiple items", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `[ ] list item
|
|
[ ] list item 2
|
|
`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`- [ ] list item
|
|
- [ ] list item 2
|
|
`);
|
|
});
|
|
|
|
test("should update checked task list formatting", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `[x] list item
|
|
`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`- [x] list item
|
|
`);
|
|
});
|
|
|
|
test("should update nested task list formatting", async () => {
|
|
const document = await buildDocument({
|
|
version: 1,
|
|
text: `[x] list item
|
|
[ ] list item
|
|
[x] list item
|
|
`,
|
|
});
|
|
await document.migrateVersion();
|
|
expect(document.text).toBe(`- [x] list item
|
|
- [ ] list item
|
|
- [x] list item
|
|
`);
|
|
});
|
|
});
|
|
|
|
describe("#searchForTeam", () => {
|
|
test("should return search results from public collections", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const { results } = await Document.searchForTeam(team, "test");
|
|
expect(results.length).toBe(1);
|
|
expect(results[0].document?.id).toBe(document.id);
|
|
});
|
|
|
|
test("should not return results from private collections without providing collectionId", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
permission: null,
|
|
teamId: team.id,
|
|
});
|
|
await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const { results } = await Document.searchForTeam(team, "test");
|
|
expect(results.length).toBe(0);
|
|
});
|
|
|
|
test("should return results from private collections when collectionId is provided", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
permission: null,
|
|
teamId: team.id,
|
|
});
|
|
await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const { results } = await Document.searchForTeam(team, "test", {
|
|
collectionId: collection.id,
|
|
});
|
|
expect(results.length).toBe(1);
|
|
});
|
|
|
|
test("should return results from document tree of shared document", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
permission: null,
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test 1",
|
|
});
|
|
await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test 2",
|
|
});
|
|
|
|
const share = await buildShare({
|
|
documentId: document.id,
|
|
includeChildDocuments: true,
|
|
});
|
|
|
|
const { results } = await Document.searchForTeam(team, "test", {
|
|
collectionId: collection.id,
|
|
share,
|
|
});
|
|
expect(results.length).toBe(1);
|
|
});
|
|
|
|
test("should handle no collections", async () => {
|
|
const team = await buildTeam();
|
|
const { results } = await Document.searchForTeam(team, "test");
|
|
expect(results.length).toBe(0);
|
|
});
|
|
|
|
test("should handle backslashes in search term", async () => {
|
|
const team = await buildTeam();
|
|
const { results } = await Document.searchForTeam(team, "\\\\");
|
|
expect(results.length).toBe(0);
|
|
});
|
|
|
|
test("should return the total count of search results", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
});
|
|
await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 2",
|
|
});
|
|
const { totalCount } = await Document.searchForTeam(team, "test");
|
|
expect(totalCount).toBe("2");
|
|
});
|
|
|
|
test("should return the document when searched with their previous titles", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
document.title = "change";
|
|
await document.save();
|
|
const { totalCount } = await Document.searchForTeam(team, "test number");
|
|
expect(totalCount).toBe("1");
|
|
});
|
|
|
|
test("should not return the document when searched with neither the titles nor the previous titles", async () => {
|
|
const team = await buildTeam();
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
document.title = "change";
|
|
await document.save();
|
|
const { totalCount } = await Document.searchForTeam(
|
|
team,
|
|
"title doesn't exist"
|
|
);
|
|
expect(totalCount).toBe("0");
|
|
});
|
|
});
|
|
|
|
describe("#searchForUser", () => {
|
|
test("should return search results from collections", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const { results } = await Document.searchForUser(user, "test");
|
|
expect(results.length).toBe(1);
|
|
expect(results[0].document?.id).toBe(document.id);
|
|
});
|
|
|
|
test("should handle no collections", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const { results } = await Document.searchForUser(user, "test");
|
|
expect(results.length).toBe(0);
|
|
});
|
|
|
|
test("should return the total count of search results", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
});
|
|
await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test number 2",
|
|
});
|
|
const { totalCount } = await Document.searchForUser(user, "test");
|
|
expect(totalCount).toBe("2");
|
|
});
|
|
|
|
test("should return the document when searched with their previous titles", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
userId: user.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
userId: user.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
document.title = "change";
|
|
await document.save();
|
|
const { totalCount } = await Document.searchForUser(user, "test number");
|
|
expect(totalCount).toBe("1");
|
|
});
|
|
|
|
test("should not return the document when searched with neither the titles nor the previous titles", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
teamId: team.id,
|
|
userId: user.id,
|
|
});
|
|
const document = await buildDocument({
|
|
teamId: team.id,
|
|
userId: user.id,
|
|
collectionId: collection.id,
|
|
title: "test number 1",
|
|
});
|
|
document.title = "change";
|
|
await document.save();
|
|
const { totalCount } = await Document.searchForUser(
|
|
user,
|
|
"title doesn't exist"
|
|
);
|
|
expect(totalCount).toBe("0");
|
|
});
|
|
});
|
|
|
|
describe("#delete", () => {
|
|
test("should soft delete and set last modified", async () => {
|
|
const document = await buildDocument();
|
|
const user = await buildUser();
|
|
await document.delete(user.id);
|
|
|
|
const newDocument = await Document.findByPk(document.id, {
|
|
paranoid: false,
|
|
});
|
|
expect(newDocument?.lastModifiedById).toBe(user.id);
|
|
expect(newDocument?.deletedAt).toBeTruthy();
|
|
});
|
|
|
|
test("should soft delete templates", async () => {
|
|
const document = await buildDocument({
|
|
template: true,
|
|
});
|
|
const user = await buildUser();
|
|
await document.delete(user.id);
|
|
const newDocument = await Document.findByPk(document.id, {
|
|
paranoid: false,
|
|
});
|
|
expect(newDocument?.lastModifiedById).toBe(user.id);
|
|
expect(newDocument?.deletedAt).toBeTruthy();
|
|
});
|
|
|
|
test("should soft delete archived", async () => {
|
|
const document = await buildDocument({
|
|
archivedAt: new Date(),
|
|
});
|
|
const user = await buildUser();
|
|
await document.delete(user.id);
|
|
const newDocument = await Document.findByPk(document.id, {
|
|
paranoid: false,
|
|
});
|
|
expect(newDocument?.lastModifiedById).toBe(user.id);
|
|
expect(newDocument?.deletedAt).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
describe("#save", () => {
|
|
test("should have empty previousTitles by default", async () => {
|
|
const document = await buildDocument();
|
|
expect(document.previousTitles).toBe(null);
|
|
});
|
|
|
|
test("should include previousTitles on save", async () => {
|
|
const document = await buildDocument();
|
|
document.title = "test";
|
|
await document.save();
|
|
expect(document.previousTitles.length).toBe(1);
|
|
});
|
|
|
|
test("should not duplicate previousTitles", async () => {
|
|
const document = await buildDocument();
|
|
document.title = "test";
|
|
await document.save();
|
|
document.title = "example";
|
|
await document.save();
|
|
document.title = "test";
|
|
await document.save();
|
|
expect(document.previousTitles.length).toBe(3);
|
|
});
|
|
});
|
|
|
|
describe("#getChildDocumentIds", () => {
|
|
test("should return empty array if no children", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const results = await document.getChildDocumentIds();
|
|
expect(results.length).toBe(0);
|
|
});
|
|
|
|
test("should return nested child document ids", async () => {
|
|
const team = await buildTeam();
|
|
const user = await buildUser({
|
|
teamId: team.id,
|
|
});
|
|
const collection = await buildCollection({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
});
|
|
const document = await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
title: "test",
|
|
});
|
|
const document2 = await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
parentDocumentId: document.id,
|
|
title: "test",
|
|
});
|
|
const document3 = await buildDocument({
|
|
userId: user.id,
|
|
teamId: team.id,
|
|
collectionId: collection.id,
|
|
parentDocumentId: document2.id,
|
|
title: "test",
|
|
});
|
|
const results = await document.getChildDocumentIds();
|
|
expect(results.length).toBe(2);
|
|
expect(results[0]).toBe(document2.id);
|
|
expect(results[1]).toBe(document3.id);
|
|
});
|
|
});
|
|
|
|
describe("#findByPk", () => {
|
|
test("should return document when urlId is correct", async () => {
|
|
const { document } = await seed();
|
|
const id = `${slugify(document.title)}-${document.urlId}`;
|
|
const response = await Document.findByPk(id);
|
|
expect(response?.id).toBe(document.id);
|
|
});
|
|
});
|
|
|
|
describe("tasks", () => {
|
|
test("should consider all the possible checkTtems", async () => {
|
|
const document = await buildDocument({
|
|
text: `- [x] test
|
|
- [X] test
|
|
- [ ] test
|
|
- [-] test
|
|
- [_] test`,
|
|
});
|
|
const tasks = document.tasks;
|
|
expect(tasks.completed).toBe(4);
|
|
expect(tasks.total).toBe(5);
|
|
});
|
|
|
|
test("should return tasks keys set to 0 if checkItems isn't present", async () => {
|
|
const document = await buildDocument({
|
|
text: `text`,
|
|
});
|
|
const tasks = document.tasks;
|
|
expect(tasks.completed).toBe(0);
|
|
expect(tasks.total).toBe(0);
|
|
});
|
|
|
|
test("should return tasks keys set to 0 if the text contains broken checkItems", async () => {
|
|
const document = await buildDocument({
|
|
text: `- [x ] test
|
|
- [ x ] test
|
|
- [ ] test`,
|
|
});
|
|
const tasks = document.tasks;
|
|
expect(tasks.completed).toBe(0);
|
|
expect(tasks.total).toBe(0);
|
|
});
|
|
|
|
test("should return tasks", async () => {
|
|
const document = await buildDocument({
|
|
text: `- [x] list item
|
|
- [ ] list item`,
|
|
});
|
|
const tasks = document.tasks;
|
|
expect(tasks.completed).toBe(1);
|
|
expect(tasks.total).toBe(2);
|
|
});
|
|
|
|
test("should update tasks on save", async () => {
|
|
const document = await buildDocument({
|
|
text: `- [x] list item
|
|
- [ ] list item`,
|
|
});
|
|
const tasks = document.tasks;
|
|
expect(tasks.completed).toBe(1);
|
|
expect(tasks.total).toBe(2);
|
|
document.text = `- [x] list item
|
|
- [ ] list item
|
|
- [ ] list item`;
|
|
await document.save();
|
|
const newTasks = document.tasks;
|
|
expect(newTasks.completed).toBe(1);
|
|
expect(newTasks.total).toBe(3);
|
|
});
|
|
});
|