mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-14 21:27:23 +01:00
* Issue 12033 - Use version of habitica-markdown that includes mention plugin Also fixes frontend parts of 11504 and 10924 * Issue 12033 - Reduce duplication in chatCard & messageCard * Issue 12033 - Use habitica-markdown version 2.0.0 * Issue 12033 - Use new entry point and fix tests * Issue 12033 - Rename renderMarkdown to renderWithMentions
64 lines
2.3 KiB
JavaScript
64 lines
2.3 KiB
JavaScript
import renderMarkdown from '@/libs/renderWithMentions';
|
|
|
|
describe('renderWithMentions', () => {
|
|
function user (name, displayName) {
|
|
return { auth: { local: { username: name } }, profile: { name: displayName } };
|
|
}
|
|
|
|
it('returns null if no text supplied', () => {
|
|
const result = renderMarkdown('', user('a', 'b'));
|
|
|
|
expect(result).to.be.null;
|
|
});
|
|
|
|
it('highlights displayname', () => {
|
|
const text = 'hello @displayedUser with text after';
|
|
|
|
const result = renderMarkdown(text, user('user', 'displayedUser'));
|
|
|
|
expect(result).to.contain('<span class="at-text at-highlight">@displayedUser</span>');
|
|
});
|
|
|
|
it('highlights username', () => {
|
|
const text = 'hello @user';
|
|
|
|
const result = renderMarkdown(text, user('user', 'displayedUser'));
|
|
expect(result).to.contain('<span class="at-text at-highlight">@user</span>');
|
|
});
|
|
|
|
it('highlights username sandwiched with underscores', () => {
|
|
const text = 'hello @_user_';
|
|
|
|
const result = renderMarkdown(text, user('_user_', 'displayedUser'));
|
|
expect(result).to.contain('<span class="at-text at-highlight">@_user_</span>');
|
|
expect(result).to.not.contain('<em>');
|
|
expect(result).to.not.contain('</em>');
|
|
});
|
|
|
|
it('highlights username sandwiched with double underscores', () => {
|
|
const text = 'hello @__user__';
|
|
|
|
const result = renderMarkdown(text, user('diffUser', 'displayDiffUser'));
|
|
expect(result).to.contain('<span class="at-text">@__user__</span>');
|
|
expect(result).to.not.contain('<strong>');
|
|
expect(result).to.not.contain('</strong>');
|
|
});
|
|
|
|
it('not highlights any email', () => {
|
|
const result = renderMarkdown('hello@example.com', user('example', 'displayedUser'));
|
|
|
|
expect(result).to.not.contain('<span class="at-highlight">@example</span>');
|
|
});
|
|
|
|
it('complex highlight', () => {
|
|
const plainText = 'a bit more @mentions to @use my@mentions.com broken @mail.com';
|
|
|
|
const result = renderMarkdown(plainText, user('use', 'mentions'));
|
|
|
|
expect(result).to.contain('<span class="at-text at-highlight">@mentions</span>');
|
|
expect(result).to.contain('<span class="at-text at-highlight">@use</span>');
|
|
expect(result).to.contain('<span class="at-text">@mail</span>');
|
|
expect(result).to.not.contain('<span class="at-text at-highlight">@mentions</span>.com');
|
|
});
|
|
});
|