Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static_src/elements/framework/mr-comment-content/mr-comment-content.test.js b/static_src/elements/framework/mr-comment-content/mr-comment-content.test.js
new file mode 100644
index 0000000..4eeaab5
--- /dev/null
+++ b/static_src/elements/framework/mr-comment-content/mr-comment-content.test.js
@@ -0,0 +1,84 @@
+// Copyright 2019 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import {assert} from 'chai';
+import {MrCommentContent} from './mr-comment-content.js';
+
+
+let element;
+
+describe('mr-comment-content', () => {
+ beforeEach(() => {
+ element = document.createElement('mr-comment-content');
+ document.body.appendChild(element);
+
+ document.body.style.setProperty('--mr-toggled-font-family', 'Some-font');
+ });
+
+ afterEach(() => {
+ document.body.removeChild(element);
+
+ document.body.style.removeProperty('--mr-toggled-font-family');
+ });
+
+ it('initializes', () => {
+ assert.instanceOf(element, MrCommentContent);
+ });
+
+ it('changes rendered font based on --mr-toggled-font-family', async () => {
+ element.content = 'A comment';
+
+ await element.updateComplete;
+
+ const fontFamily = window.getComputedStyle(element).getPropertyValue(
+ 'font-family');
+
+ assert.equal(fontFamily, 'Some-font');
+ });
+
+ it('does not render spurious spaces', async () => {
+ element.content =
+ 'Some text before a go/link and more text before <b>some bold text</b>.';
+
+ await element.updateComplete;
+
+ const textContents = Array.from(element.shadowRoot.children).map(
+ (child) => child.textContent);
+
+ assert.deepEqual(textContents, [
+ 'Some text before a',
+ ' ',
+ 'go/link',
+ ' and more text before ',
+ 'some bold text',
+ '.',
+ ]);
+
+ assert.deepEqual(
+ element.shadowRoot.textContent,
+ 'Some text before a go/link and more text before some bold text.');
+ });
+
+ it('does render markdown', async () => {
+ element.prefs = new Map([['render_markdown', true]]);
+ element.content = '### this is a header';
+ element.projectName = 'monkeyrail';
+
+ await element.updateComplete;
+
+ const headerText = element.shadowRoot.querySelector('h3').textContent;
+ assert.equal(headerText, 'this is a header');
+ });
+
+ it('does not render markdown when prefs are set to false', async () => {
+ element.prefs = new Map([['render_markdown', false]]);
+ element.projectName = 'monkeyrail';
+ element.content = '### this is a header';
+
+ await element.updateComplete;
+
+ const commentText = element.shadowRoot.textContent;
+ assert.equal(commentText, '### this is a header');
+ });
+});