Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static_src/elements/issue-detail/mr-issue-page/mr-issue-page.test.js b/static_src/elements/issue-detail/mr-issue-page/mr-issue-page.test.js
new file mode 100644
index 0000000..31edd4c
--- /dev/null
+++ b/static_src/elements/issue-detail/mr-issue-page/mr-issue-page.test.js
@@ -0,0 +1,272 @@
+// 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 sinon from 'sinon';
+import {MrIssuePage} from './mr-issue-page.js';
+import {store, resetState} from 'reducers/base.js';
+import * as issueV0 from 'reducers/issueV0.js';
+import {prpcClient} from 'prpc-client-instance.js';
+
+let element;
+let loadingElement;
+let fetchErrorElement;
+let deletedElement;
+let movedElement;
+let issueElement;
+
+function populateElementReferences() {
+ loadingElement = element.querySelector('#loading');
+ fetchErrorElement = element.querySelector('#fetch-error');
+ deletedElement = element.querySelector('#deleted');
+ movedElement = element.querySelector('#moved');
+ issueElement = element.querySelector('#issue');
+}
+
+describe('mr-issue-page', () => {
+ beforeEach(() => {
+ store.dispatch(resetState());
+ element = document.createElement('mr-issue-page');
+ document.body.appendChild(element);
+ sinon.stub(prpcClient, 'call');
+ // TODO(ehmaldonado): Remove once the old autocomplete code is deprecated.
+ window.TKR_populateAutocomplete = () => {};
+ });
+
+ afterEach(() => {
+ document.body.removeChild(element);
+ prpcClient.call.restore();
+ // TODO(ehmaldonado): Remove once the old autocomplete code is deprecated.
+ window.TKR_populateAutocomplete = undefined;
+ });
+
+ it('initializes', () => {
+ assert.instanceOf(element, MrIssuePage);
+ });
+
+ describe('_pageTitle', () => {
+ it('displays loading when no issue', () => {
+ assert.equal(element._pageTitle({}, {}), 'Loading issue...');
+ });
+
+ it('display issue ID when available', () => {
+ assert.equal(element._pageTitle({projectName: 'test', localId: 1}, {}),
+ '1 - Loading issue...');
+ });
+
+ it('display deleted issues', () => {
+ assert.equal(element._pageTitle({projectName: 'test', localId: 1},
+ {projectName: 'test', localId: 1, isDeleted: true},
+ ), '1 - Deleted issue');
+ });
+
+ it('displays loaded issue', () => {
+ assert.equal(element._pageTitle({projectName: 'test', localId: 2},
+ {projectName: 'test', localId: 2, summary: 'test'}), '2 - test');
+ });
+ });
+
+ it('issue not loaded yet', async () => {
+ // Prevent unrelated Redux changes from affecting this test.
+ // TODO(zhangtiff): Find a more canonical way to test components
+ // in and out of Redux.
+ sinon.stub(store, 'dispatch');
+
+ element.fetchingIssue = true;
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNotNull(loadingElement);
+ assert.isNull(fetchErrorElement);
+ assert.isNull(deletedElement);
+ assert.isNull(issueElement);
+
+ store.dispatch.restore();
+ });
+
+ it('no loading on future issue fetches', async () => {
+ element.issue = {localId: 222};
+ element.fetchingIssue = true;
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(loadingElement);
+ assert.isNull(fetchErrorElement);
+ assert.isNull(deletedElement);
+ assert.isNotNull(issueElement);
+ });
+
+ it('fetch error', async () => {
+ element.fetchingIssue = false;
+ element.fetchIssueError = 'error';
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(loadingElement);
+ assert.isNotNull(fetchErrorElement);
+ assert.isNull(deletedElement);
+ assert.isNull(issueElement);
+ });
+
+ it('deleted issue', async () => {
+ element.fetchingIssue = false;
+ element.issue = {isDeleted: true};
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(loadingElement);
+ assert.isNull(fetchErrorElement);
+ assert.isNotNull(deletedElement);
+ assert.isNull(issueElement);
+ });
+
+ it('normal issue', async () => {
+ element.fetchingIssue = false;
+ element.issue = {localId: 111};
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(loadingElement);
+ assert.isNull(fetchErrorElement);
+ assert.isNull(deletedElement);
+ assert.isNotNull(issueElement);
+ });
+
+ it('code font pref toggles attribute', async () => {
+ await element.updateComplete;
+
+ assert.isFalse(element.hasAttribute('codeFont'));
+
+ element.prefs = new Map([['code_font', true]]);
+ await element.updateComplete;
+
+ assert.isTrue(element.hasAttribute('codeFont'));
+
+ element.prefs = new Map([['code_font', false]]);
+ await element.updateComplete;
+
+ assert.isFalse(element.hasAttribute('codeFont'));
+ });
+
+ it('undeleting issue only shown if you have permissions', async () => {
+ sinon.stub(store, 'dispatch');
+
+ element.issue = {isDeleted: true};
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNotNull(deletedElement);
+
+ let button = element.querySelector('.undelete');
+ assert.isNull(button);
+
+ element.issuePermissions = ['deleteissue'];
+ await element.updateComplete;
+
+ button = element.querySelector('.undelete');
+ assert.isNotNull(button);
+
+ store.dispatch.restore();
+ });
+
+ it('undeleting issue updates page with issue', async () => {
+ const issueRef = {localId: 111, projectName: 'test'};
+ const deletedIssuePromise = Promise.resolve({
+ issue: {isDeleted: true},
+ });
+ const issuePromise = Promise.resolve({
+ issue: {localId: 111, projectName: 'test'},
+ });
+ const deletePromise = Promise.resolve({});
+
+ sinon.spy(element, '_undeleteIssue');
+
+ prpcClient.call.withArgs('monorail.Issues', 'GetIssue', {issueRef})
+ .onFirstCall().returns(deletedIssuePromise)
+ .onSecondCall().returns(issuePromise);
+ prpcClient.call.withArgs('monorail.Issues', 'DeleteIssue',
+ {delete: false, issueRef}).returns(deletePromise);
+
+ store.dispatch(issueV0.viewIssue(issueRef));
+ store.dispatch(issueV0.fetchIssuePageData(issueRef));
+
+ await deletedIssuePromise;
+ await element.updateComplete;
+
+ populateElementReferences();
+
+ assert.deepEqual(element.issue,
+ {isDeleted: true, localId: 111, projectName: 'test'});
+ assert.isNull(issueElement);
+ assert.isNotNull(deletedElement);
+
+ // Make undelete button visible. This must be after deletedIssuePromise
+ // resolves since issuePermissions are cleared by Redux after that promise.
+ element.issuePermissions = ['deleteissue'];
+ await element.updateComplete;
+
+ const button = element.querySelector('.undelete');
+ button.click();
+
+ sinon.assert.calledWith(prpcClient.call, 'monorail.Issues', 'GetIssue',
+ {issueRef});
+ sinon.assert.calledWith(prpcClient.call, 'monorail.Issues', 'DeleteIssue',
+ {delete: false, issueRef});
+
+ await deletePromise;
+ await issuePromise;
+ await element.updateComplete;
+
+ assert.isTrue(element._undeleteIssue.calledOnce);
+
+ assert.deepEqual(element.issue, {localId: 111, projectName: 'test'});
+
+ await element.updateComplete;
+
+ populateElementReferences();
+ assert.isNotNull(issueElement);
+
+ element._undeleteIssue.restore();
+ });
+
+ it('issue has moved', async () => {
+ element.fetchingIssue = false;
+ element.issue = {movedToRef: {projectName: 'hello', localId: 10}};
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(issueElement);
+ assert.isNull(deletedElement);
+ assert.isNotNull(movedElement);
+
+ const link = movedElement.querySelector('.new-location');
+ assert.equal(link.getAttribute('href'), '/p/hello/issues/detail?id=10');
+ });
+
+ it('moving to a restricted issue', async () => {
+ element.fetchingIssue = false;
+ element.issue = {localId: 111};
+
+ await element.updateComplete;
+
+ element.issue = {localId: 222};
+ element.fetchIssueError = 'error';
+
+ await element.updateComplete;
+ populateElementReferences();
+
+ assert.isNull(loadingElement);
+ assert.isNotNull(fetchErrorElement);
+ assert.isNull(deletedElement);
+ assert.isNull(movedElement);
+ assert.isNull(issueElement);
+ });
+});