2019-08-24 00:37:58 +08:00
|
|
|
/*
|
2024-09-09 21:57:16 +08:00
|
|
|
Copyright 2024 New Vector Ltd.
|
2019-08-24 00:37:58 +08:00
|
|
|
Copyright 2019 The Matrix.org Foundation C.I.C.
|
|
|
|
|
2024-09-09 21:57:16 +08:00
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
|
|
Please see LICENSE files in the repository root for full details.
|
2019-08-24 00:37:58 +08:00
|
|
|
*/
|
|
|
|
|
2024-10-15 21:57:26 +08:00
|
|
|
import EditorModel from "../../../src/editor/model";
|
2021-06-29 20:11:58 +08:00
|
|
|
import { createPartCreator, createRenderer } from "./mock";
|
2019-08-24 00:37:58 +08:00
|
|
|
|
|
|
|
const pillChannel = "#riot-dev:matrix.org";
|
|
|
|
|
2022-12-12 19:24:14 +08:00
|
|
|
describe("editor/range", function () {
|
|
|
|
it("range on empty model", function () {
|
2019-08-24 00:37:58 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
|
|
|
const model = new EditorModel([], pc, renderer);
|
2022-12-12 19:24:14 +08:00
|
|
|
const range = model.startRange(model.positionForOffset(0, true)); // after "world"
|
2019-08-24 00:37:58 +08:00
|
|
|
let called = false;
|
2022-12-12 19:24:14 +08:00
|
|
|
range.expandBackwardsWhile((chr) => {
|
2019-08-24 00:37:58 +08:00
|
|
|
called = true;
|
|
|
|
return true;
|
|
|
|
});
|
|
|
|
expect(called).toBe(false);
|
|
|
|
expect(range.text).toBe("");
|
|
|
|
});
|
2022-12-12 19:24:14 +08:00
|
|
|
it("range replace within a part", function () {
|
2019-08-24 00:37:58 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
|
|
|
const model = new EditorModel([pc.plain("hello world!!!!")], pc, renderer);
|
2022-12-12 19:24:14 +08:00
|
|
|
const range = model.startRange(model.positionForOffset(11)); // after "world"
|
2019-08-24 00:37:58 +08:00
|
|
|
range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
|
|
|
|
expect(range.text).toBe("world");
|
|
|
|
range.replace([pc.roomPill(pillChannel)]);
|
|
|
|
expect(model.parts[0].type).toBe("plain");
|
|
|
|
expect(model.parts[0].text).toBe("hello ");
|
|
|
|
expect(model.parts[1].type).toBe("room-pill");
|
|
|
|
expect(model.parts[1].text).toBe(pillChannel);
|
|
|
|
expect(model.parts[2].type).toBe("plain");
|
|
|
|
expect(model.parts[2].text).toBe("!!!!");
|
|
|
|
expect(model.parts.length).toBe(3);
|
|
|
|
});
|
2022-12-12 19:24:14 +08:00
|
|
|
it("range replace across parts", function () {
|
2019-08-24 00:37:58 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
2022-12-12 19:24:14 +08:00
|
|
|
const model = new EditorModel(
|
|
|
|
[pc.plain("try to re"), pc.plain("pla"), pc.plain("ce "), pc.plain("me")],
|
|
|
|
pc,
|
|
|
|
renderer,
|
|
|
|
);
|
|
|
|
const range = model.startRange(model.positionForOffset(14)); // after "replace"
|
2019-08-24 00:37:58 +08:00
|
|
|
range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
|
|
|
|
expect(range.text).toBe("replace");
|
|
|
|
range.replace([pc.roomPill(pillChannel)]);
|
|
|
|
expect(model.parts[0].type).toBe("plain");
|
|
|
|
expect(model.parts[0].text).toBe("try to ");
|
|
|
|
expect(model.parts[1].type).toBe("room-pill");
|
|
|
|
expect(model.parts[1].text).toBe(pillChannel);
|
|
|
|
expect(model.parts[2].type).toBe("plain");
|
|
|
|
expect(model.parts[2].text).toBe(" me");
|
|
|
|
expect(model.parts.length).toBe(3);
|
|
|
|
});
|
2019-08-28 21:52:39 +08:00
|
|
|
// bug found while implementing tab completion
|
2022-12-12 19:24:14 +08:00
|
|
|
it("replace a part with an identical part with start position at end of previous part", function () {
|
2019-08-28 21:52:39 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
2022-12-12 19:24:14 +08:00
|
|
|
const model = new EditorModel([pc.plain("hello "), pc.pillCandidate("man")], pc, renderer);
|
|
|
|
const range = model.startRange(model.positionForOffset(9, true)); // before "man"
|
2019-08-28 21:52:39 +08:00
|
|
|
range.expandBackwardsWhile((index, offset) => model.parts[index].text[offset] !== " ");
|
|
|
|
expect(range.text).toBe("man");
|
|
|
|
range.replace([pc.pillCandidate(range.text)]);
|
|
|
|
expect(model.parts[0].type).toBe("plain");
|
|
|
|
expect(model.parts[0].text).toBe("hello ");
|
|
|
|
expect(model.parts[1].type).toBe("pill-candidate");
|
|
|
|
expect(model.parts[1].text).toBe("man");
|
|
|
|
expect(model.parts.length).toBe(2);
|
|
|
|
});
|
2022-12-12 19:24:14 +08:00
|
|
|
it("range trim spaces off both ends", () => {
|
2020-09-29 21:15:20 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
2022-12-12 19:24:14 +08:00
|
|
|
const model = new EditorModel([pc.plain("abc abc abc")], pc, renderer);
|
2020-09-29 21:15:20 +08:00
|
|
|
const range = model.startRange(
|
|
|
|
model.positionForOffset(3, false), // at end of first `abc`
|
|
|
|
model.positionForOffset(8, false), // at start of last `abc`
|
|
|
|
);
|
|
|
|
|
|
|
|
expect(range.parts[0].text).toBe(" abc ");
|
|
|
|
range.trim();
|
|
|
|
expect(range.parts[0].text).toBe("abc");
|
|
|
|
});
|
2022-03-16 17:46:07 +08:00
|
|
|
// test for edge case when the selection just consists of whitespace
|
2022-12-12 19:24:14 +08:00
|
|
|
it("range trim just whitespace", () => {
|
2022-03-16 17:46:07 +08:00
|
|
|
const renderer = createRenderer();
|
|
|
|
const pc = createPartCreator();
|
|
|
|
const whitespace = " \n \n\n";
|
2022-12-12 19:24:14 +08:00
|
|
|
const model = new EditorModel([pc.plain(whitespace)], pc, renderer);
|
|
|
|
const range = model.startRange(model.positionForOffset(0, false), model.getPositionAtEnd());
|
2022-03-16 17:46:07 +08:00
|
|
|
|
|
|
|
expect(range.text).toBe(whitespace);
|
|
|
|
range.trim();
|
|
|
|
expect(range.text).toBe("");
|
|
|
|
});
|
2019-08-24 00:37:58 +08:00
|
|
|
});
|