mirror of
https://github.com/element-hq/element-web
synced 2024-11-24 02:05:45 +03:00
abd39c61b1
* Add support for MD / HTML in room topics Setting MD / HTML supported: - /topic command - Room settings overlay - Space settings overlay Display of MD / HTML supported: - /topic command - Room header - Space home Based on extensible events as defined in [MSC1767] Fixes: vector-im/element-web#5180 Signed-off-by: Johannes Marbach <johannesm@element.io> [MSC1767]: matrix-org/matrix-spec-proposals#1767 * Fix build error * Add comment to explain origin of styles Co-authored-by: Travis Ralston <travpc@gmail.com> * Empty commit to retrigger build * Fix import grouping * Fix useTopic test * Add tests for HtmlUtils * Add slash command test * Add further serialize test * Fix ternary formatting Co-authored-by: Travis Ralston <travpc@gmail.com> * Add blank line Co-authored-by: Travis Ralston <travpc@gmail.com> * Properly mock SettingsStore access * Remove trailing space * Assert on HTML content and add test for plain text in HTML parameter * Appease the linter * Fix JSDoc comment * Fix toEqual call formatting * Repurpose test for literal HTML case * Empty commit to fix CI Co-authored-by: Travis Ralston <travpc@gmail.com> Co-authored-by: Travis Ralston <travisr@matrix.org>
105 lines
5.2 KiB
TypeScript
105 lines
5.2 KiB
TypeScript
/*
|
|
Copyright 2019 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import EditorModel from "../../src/editor/model";
|
|
import { htmlSerializeIfNeeded } from "../../src/editor/serialize";
|
|
import { createPartCreator } from "./mock";
|
|
|
|
describe('editor/serialize', function() {
|
|
describe('with markdown', function() {
|
|
it('user pill turns message into html', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.userPill("Alice", "@alice:hs.tld")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<a href=\"https://matrix.to/#/@alice:hs.tld\">Alice</a>");
|
|
});
|
|
it('room pill turns message into html', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.roomPill("#room:hs.tld")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<a href=\"https://matrix.to/#/#room:hs.tld\">#room:hs.tld</a>");
|
|
});
|
|
it('@room pill turns message into html', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.atRoomPill("@room")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBeFalsy();
|
|
});
|
|
it('any markdown turns message into html', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain("*hello* world")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<em>hello</em> world");
|
|
});
|
|
it('displaynames ending in a backslash work', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.userPill("Displayname\\", "@user:server")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<a href=\"https://matrix.to/#/@user:server\">Displayname\\</a>");
|
|
});
|
|
it('displaynames containing an opening square bracket work', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.userPill("Displayname[[", "@user:server")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<a href=\"https://matrix.to/#/@user:server\">Displayname[[</a>");
|
|
});
|
|
it('displaynames containing a closing square bracket work', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.userPill("Displayname]", "@user:server")], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe("<a href=\"https://matrix.to/#/@user:server\">Displayname]</a>");
|
|
});
|
|
it('escaped markdown should not retain backslashes', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain('\\*hello\\* world')], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe('*hello* world');
|
|
});
|
|
it('escaped markdown should convert HTML entities', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain('\\*hello\\* world < hey world!')], pc);
|
|
const html = htmlSerializeIfNeeded(model, {});
|
|
expect(html).toBe('*hello* world < hey world!');
|
|
});
|
|
});
|
|
describe('with plaintext', function() {
|
|
it('markdown remains plaintext', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain("*hello* world")], pc);
|
|
const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
|
|
expect(html).toBe("*hello* world");
|
|
});
|
|
it('markdown should retain backslashes', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain('\\*hello\\* world')], pc);
|
|
const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
|
|
expect(html).toBe('\\*hello\\* world');
|
|
});
|
|
it('markdown should convert HTML entities', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain('\\*hello\\* world < hey world!')], pc);
|
|
const html = htmlSerializeIfNeeded(model, { useMarkdown: false });
|
|
expect(html).toBe('\\*hello\\* world < hey world!');
|
|
});
|
|
|
|
it('plaintext remains plaintext even when forcing html', function() {
|
|
const pc = createPartCreator();
|
|
const model = new EditorModel([pc.plain("hello world")], pc);
|
|
const html = htmlSerializeIfNeeded(model, { forceHTML: true, useMarkdown: false });
|
|
expect(html).toBe("hello world");
|
|
});
|
|
});
|
|
});
|