blob: 31edd4cf392a1248489e311f1f3261a96a029279 [file] [log] [blame]
// 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);
});
});