Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static_src/elements/framework/mr-comment-content/mr-description.test.js b/static_src/elements/framework/mr-comment-content/mr-description.test.js
new file mode 100644
index 0000000..9d39149
--- /dev/null
+++ b/static_src/elements/framework/mr-comment-content/mr-description.test.js
@@ -0,0 +1,81 @@
+// 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 {MrDescription} from './mr-description.js';
+
+
+let element;
+
+describe('mr-description', () => {
+ beforeEach(() => {
+ element = document.createElement('mr-description');
+ document.body.appendChild(element);
+ });
+
+ afterEach(() => {
+ document.body.removeChild(element);
+ });
+
+ it('initializes', () => {
+ assert.instanceOf(element, MrDescription);
+ });
+
+ it('changes rendered description on select change', async () => {
+ element.descriptionList = [
+ {content: 'description one', commenter: {displayName: 'name'}},
+ {content: 'description two', commenter: {displayName: 'name'}},
+ ];
+
+ await element.updateComplete;
+ await element.updateComplete;
+
+ const commentContent =
+ element.shadowRoot.querySelector('mr-comment-content');
+ assert.equal('description two', commentContent.content);
+
+ element.selectedIndex = 0;
+
+ await element.updateComplete;
+
+ assert.equal('description one', commentContent.content);
+ });
+
+ it('hides selector when only one description', async () => {
+ element.descriptionList = [
+ {content: 'Hello world', commenter: {displayName: 'name@email.com'}},
+ {content: 'rutabaga', commenter: {displayName: 'name@email.com'}},
+ ];
+
+ await element.updateComplete;
+
+ const selectMenu = element.shadowRoot.querySelector('select');
+ assert.isFalse(selectMenu.hidden);
+
+ element.descriptionList = [
+ {content: 'blehh', commenter: {displayName: 'name@email.com'}},
+ ];
+
+ await element.updateComplete;
+
+ assert.isTrue(selectMenu.hidden);
+ });
+
+ it('selector still renders when one description is deleted', async () => {
+ element.descriptionList = [
+ {content: 'Hello world', commenter: {displayName: 'name@email.com'}},
+ {isDeleted: true, commenter: {displayName: 'name@email.com'}},
+ ];
+
+ await element.updateComplete;
+
+ const selectMenu = element.shadowRoot.querySelector('select');
+ assert.isFalse(selectMenu.hidden);
+
+ const options = selectMenu.querySelectorAll('option');
+
+ assert.include(options[0].textContent, 'Description #1 by name@email.com');
+ assert.include(options[1].textContent, 'Description #2');
+ });
+});