Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static_src/elements/issue-detail/mr-approval-card/mr-approval-card.test.js b/static_src/elements/issue-detail/mr-approval-card/mr-approval-card.test.js
new file mode 100644
index 0000000..0424c21
--- /dev/null
+++ b/static_src/elements/issue-detail/mr-approval-card/mr-approval-card.test.js
@@ -0,0 +1,245 @@
+// 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 {MrApprovalCard} from './mr-approval-card.js';
+
+let element;
+
+describe('mr-approval-card', () => {
+ beforeEach(() => {
+ element = document.createElement('mr-approval-card');
+ document.body.appendChild(element);
+ });
+
+ afterEach(() => {
+ document.body.removeChild(element);
+ });
+
+ it('initializes', () => {
+ assert.instanceOf(element, MrApprovalCard);
+ });
+
+ it('_isApprover true when user is an approver', () => {
+ // User not in approver list.
+ element.approvers = [
+ {displayName: 'tester@user.com'},
+ {displayName: 'test@notuser.com'},
+ {displayName: 'hello@world.com'},
+ ];
+ element.user = {displayName: 'test@user.com', groups: []};
+ assert.isFalse(element._isApprover);
+
+ // Use is in approver list.
+ element.approvers = [
+ {displayName: 'tester@user.com'},
+ {displayName: 'test@notuser.com'},
+ {displayName: 'hello@world.com'},
+ {displayName: 'test@user.com'},
+ ];
+ assert.isTrue(element._isApprover);
+
+ // User's group is not in the list.
+ element.approvers = [
+ {displayName: 'tester@user.com'},
+ {displayName: 'nongroup@group.com'},
+ {displayName: 'group@nongroup.com'},
+ {displayName: 'ignore@test.com'},
+ ];
+ element.user = {
+ displayName: 'test@user.com',
+ groups: [
+ {displayName: 'group@group.com'},
+ {displayName: 'test@group.com'},
+ {displayName: 'group@user.com'},
+ ],
+ };
+ assert.isFalse(element._isApprover);
+
+ // User's group is in the list.
+ element.approvers = [
+ {displayName: 'tester@user.com'},
+ {displayName: 'group@group.com'},
+ {displayName: 'test@notuser.com'},
+ ];
+ element.user = {
+ displayName: 'test@user.com',
+ groups: [
+ {displayName: 'group@group.com'},
+ ],
+ };
+ assert.isTrue(element._isApprover);
+ });
+
+ it('approvals change color based on status', async () => {
+ // Initialize dependent CSS property from a stylesheet not included in
+ // our testing environment.
+ element.style.setProperty('--chops-purple-50', '#f3e5f5');
+
+ element.statusEnum = 'NEEDS_REVIEW';
+ await element.updateComplete;
+
+ const header = element.querySelector('button.header');
+
+ // Purple. Note that Chrome uses RGB for computed styles regardless of
+ // underlying CSS.
+ assert.equal(
+ window.getComputedStyle(header).getPropertyValue('background-color'),
+ 'rgb(243, 229, 245)');
+
+ element.statusEnum = 'APPROVED';
+ await element.updateComplete;
+
+ // Green.
+ assert.equal(
+ window.getComputedStyle(header).getPropertyValue('background-color'),
+ 'rgb(235, 244, 215)');
+ });
+
+ it('site admins have approver privileges', async () => {
+ await element.updateComplete;
+
+ const notice = element.querySelector('.approver-notice');
+ assert.equal(notice.textContent.trim(), '');
+
+ element.user = {isSiteAdmin: true};
+ await element.updateComplete;
+
+ assert.isTrue(element._hasApproverPrivileges);
+
+ assert.equal(notice.textContent.trim(),
+ 'Your site admin privileges give you full access to edit this approval.',
+ );
+ });
+
+ it('site admins see all approval statuses except NotSet', () => {
+ element.user = {isSiteAdmin: true};
+
+ assert.isFalse(element._isApprover);
+
+ element.statusEnum = 'NEEDS_REVIEW';
+
+ assert.equal(element._availableStatuses.length, 7);
+ assert.equal(element._availableStatuses[0].status, 'NeedsReview');
+ assert.equal(element._availableStatuses[1].status, 'NA');
+ assert.equal(element._availableStatuses[2].status, 'ReviewRequested');
+ assert.equal(element._availableStatuses[3].status, 'ReviewStarted');
+ assert.equal(element._availableStatuses[4].status, 'NeedInfo');
+ assert.equal(element._availableStatuses[5].status, 'Approved');
+ assert.equal(element._availableStatuses[6].status, 'NotApproved');
+ });
+
+ it('approvers see all approval statuses except NotSet', () => {
+ element.user = {isSiteAdmin: false, displayName: 'test@email.com'};
+ element.approvers = [{displayName: 'test@email.com'}];
+
+ assert.isTrue(element._isApprover);
+
+ element.statusEnum = 'NEEDS_REVIEW';
+
+ assert.equal(element._availableStatuses.length, 7);
+ assert.equal(element._availableStatuses[0].status, 'NeedsReview');
+ assert.equal(element._availableStatuses[1].status, 'NA');
+ assert.equal(element._availableStatuses[2].status, 'ReviewRequested');
+ assert.equal(element._availableStatuses[3].status, 'ReviewStarted');
+ assert.equal(element._availableStatuses[4].status, 'NeedInfo');
+ assert.equal(element._availableStatuses[5].status, 'Approved');
+ assert.equal(element._availableStatuses[6].status, 'NotApproved');
+ });
+
+ it('non-approvers see non-restricted approval statuses', () => {
+ element.user = {isSiteAdmin: false, displayName: 'test@email.com'};
+ element.approvers = [{displayName: 'test@otheremail.com'}];
+
+ assert.isFalse(element._isApprover);
+
+ element.statusEnum = 'NEEDS_REVIEW';
+
+ assert.equal(element._availableStatuses.length, 4);
+ assert.equal(element._availableStatuses[0].status, 'NeedsReview');
+ assert.equal(element._availableStatuses[1].status, 'ReviewRequested');
+ assert.equal(element._availableStatuses[2].status, 'ReviewStarted');
+ assert.equal(element._availableStatuses[3].status, 'NeedInfo');
+ });
+
+ it('non-approvers see restricted approval status when set', () => {
+ element.user = {isSiteAdmin: false, displayName: 'test@email.com'};
+ element.approvers = [{displayName: 'test@otheremail.com'}];
+
+ assert.isFalse(element._isApprover);
+
+ element.statusEnum = 'APPROVED';
+
+ assert.equal(element._availableStatuses.length, 5);
+ assert.equal(element._availableStatuses[0].status, 'NeedsReview');
+ assert.equal(element._availableStatuses[1].status, 'ReviewRequested');
+ assert.equal(element._availableStatuses[2].status, 'ReviewStarted');
+ assert.equal(element._availableStatuses[3].status, 'NeedInfo');
+ assert.equal(element._availableStatuses[4].status, 'Approved');
+ });
+
+ it('expands to show focused comment', async () => {
+ element.focusId = 'c4';
+ element.fieldName = 'field';
+ element.comments = [
+ {
+ sequenceNum: 1,
+ approvalRef: {fieldName: 'other-field'},
+ },
+ {
+ sequenceNum: 2,
+ approvalRef: {fieldName: 'field'},
+ },
+ {
+ sequenceNum: 3,
+ },
+ {
+ sequenceNum: 4,
+ approvalRef: {fieldName: 'field'},
+ },
+ ];
+
+ await element.updateComplete;
+
+ assert.isTrue(element.opened);
+ });
+
+ it('does not expand to show focused comment on other elements', async () => {
+ element.focusId = 'c3';
+ element.comments = [
+ {
+ sequenceNum: 1,
+ approvalRef: {fieldName: 'other-field'},
+ },
+ {
+ sequenceNum: 2,
+ approvalRef: {fieldName: 'field'},
+ },
+ {
+ sequenceNum: 4,
+ approvalRef: {fieldName: 'field'},
+ },
+ ];
+
+ await element.updateComplete;
+
+ assert.isFalse(element.opened);
+ });
+
+ it('mr-edit-metadata is displayed if user has addissuecomment', async () => {
+ element.issuePermissions = ['addissuecomment'];
+
+ await element.updateComplete;
+
+ assert.isNotNull(element.querySelector('mr-edit-metadata'));
+ });
+
+ it('mr-edit-metadata is hidden if user has no addissuecomment', async () => {
+ element.issuePermissions = [];
+
+ await element.updateComplete;
+
+ assert.isNull(element.querySelector('mr-edit-metadata'));
+ });
+});