| <!DOCTYPE html> |
| <!-- |
| Copyright (C) 2015 The Android Open Source Project |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> |
| <title>gr-change-view</title> |
| |
| <script src="../../../bower_components/webcomponentsjs/webcomponents.min.js"></script> |
| <script src="../../../bower_components/web-component-tester/browser.js"></script> |
| <script src="../../../bower_components/page/page.js"></script> |
| |
| <link rel="import" href="../../../bower_components/iron-test-helpers/iron-test-helpers.html"> |
| <link rel="import" href="gr-change-view.html"> |
| |
| <test-fixture id="basic"> |
| <template> |
| <gr-change-view></gr-change-view> |
| </template> |
| </test-fixture> |
| |
| <script> |
| suite('gr-change-view tests', function() { |
| var element; |
| var TEST_SCROLL_TOP_PX = 100; |
| |
| setup(function() { |
| stub('gr-rest-api-interface', { |
| getConfig: function() { return Promise.resolve({}); }, |
| getAccount: function() { return Promise.resolve(null); }, |
| }); |
| element = fixture('basic'); |
| }); |
| |
| suite('keyboard shortcuts', function() { |
| test('U should navigate to / if no backPage set', function() { |
| var showStub = sinon.stub(page, 'show'); |
| MockInteractions.pressAndReleaseKeyOn(element, 85); // 'U' |
| assert(showStub.lastCall.calledWithExactly('/')); |
| showStub.restore(); |
| }); |
| |
| test('U should navigate to backPage if set', function() { |
| element.backPage = '/dashboard/self'; |
| var showStub = sinon.stub(page, 'show'); |
| MockInteractions.pressAndReleaseKeyOn(element, 85); // 'U' |
| assert(showStub.lastCall.calledWithExactly('/dashboard/self')); |
| showStub.restore(); |
| }); |
| |
| test('A should toggle overlay', function() { |
| MockInteractions.pressAndReleaseKeyOn(element, 65); // 'A' |
| var overlayEl = element.$.replyOverlay; |
| assert.isFalse(overlayEl.opened); |
| element._loggedIn = true; |
| |
| MockInteractions.pressAndReleaseKeyOn(element, 65, 'shift'); // 'A' |
| assert.isFalse(overlayEl.opened); |
| |
| MockInteractions.pressAndReleaseKeyOn(element, 65); // 'A' |
| assert.isTrue(overlayEl.opened); |
| overlayEl.close(); |
| assert.isFalse(overlayEl.opened); |
| }); |
| |
| test('shift + R should fetch and navigate to the latest patch set', |
| function(done) { |
| element._changeNum = '42'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 1, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| }, |
| current_revision: 'rev1', |
| status: 'NEW', |
| labels: {}, |
| actions: {}, |
| }; |
| |
| sinon.stub(element.$.restAPI, '_getChangeDetail', function() { |
| // Mock change obj. |
| return Promise.resolve({ |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| rev13: {_number: 13}, |
| }, |
| current_revision: 'rev1', |
| status: 'NEW', |
| labels: {}, |
| actions: {}, |
| }); |
| }); |
| |
| var showStub = sinon.stub(page, 'show', function(arg) { |
| assert.equal(arg, '/c/42/13'); |
| showStub.restore(); |
| element.$.restAPI._getChangeDetail.restore(); |
| done(); |
| }); |
| |
| // 'shift + R' |
| MockInteractions.pressAndReleaseKeyOn(element, 82, 'shift'); |
| }); |
| |
| test('d should open download overlay', function() { |
| var stub = sinon.stub(element.$.downloadOverlay, 'open'); |
| MockInteractions.pressAndReleaseKeyOn(element, 68); // 'd' |
| assert.isTrue(stub.called); |
| stub.restore(); |
| }); |
| }); |
| |
| test('reply button has updated count when there are drafts', function() { |
| var replyButton = element.$$('gr-button.reply'); |
| assert.ok(replyButton); |
| assert.equal(replyButton.textContent, 'Reply'); |
| |
| element._diffDrafts = null; |
| assert.equal(replyButton.textContent, 'Reply'); |
| |
| element._diffDrafts = {}; |
| assert.equal(replyButton.textContent, 'Reply'); |
| |
| element._diffDrafts = { |
| 'file1.txt': [{}], |
| 'file2.txt': [{}, {}], |
| }; |
| assert.equal(replyButton.textContent, 'Reply (3)'); |
| }); |
| |
| test('comment events properly update diff drafts', function() { |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 2, |
| }; |
| var draft = { |
| __draft: true, |
| id: 'id1', |
| path: '/foo/bar.txt', |
| text: 'hello', |
| }; |
| element._handleCommentSave({target: {comment: draft}}); |
| draft.patch_set = 2; |
| assert.deepEqual(element._diffDrafts, {'/foo/bar.txt': [draft]}); |
| draft.patch_set = null; |
| draft.text = 'hello, there'; |
| element._handleCommentSave({target: {comment: draft}}); |
| draft.patch_set = 2; |
| assert.deepEqual(element._diffDrafts, {'/foo/bar.txt': [draft]}); |
| var draft2 = { |
| __draft: true, |
| id: 'id2', |
| path: '/foo/bar.txt', |
| text: 'hola', |
| }; |
| element._handleCommentSave({target: {comment: draft2}}); |
| draft2.patch_set = 2; |
| assert.deepEqual(element._diffDrafts, {'/foo/bar.txt': [draft, draft2]}); |
| draft.patch_set = null; |
| element._handleCommentDiscard({target: {comment: draft}}); |
| draft.patch_set = 2; |
| assert.deepEqual(element._diffDrafts, {'/foo/bar.txt': [draft2]}); |
| element._handleCommentDiscard({target: {comment: draft2}}); |
| assert.deepEqual(element._diffDrafts, {}); |
| }); |
| |
| test('change num change', function() { |
| element._changeNum = null; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 2, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| labels: {}, |
| }; |
| element.viewState.changeNum = null; |
| element.viewState.diffMode = 'UNIFIED'; |
| flushAsynchronousOperations(); |
| assert.equal(element.viewState.diffMode, 'UNIFIED'); |
| |
| element._changeNum = '1'; |
| element.params = {changeNum: '1'}; |
| element._change.newProp = '1'; |
| flushAsynchronousOperations(); |
| assert.equal(element.viewState.diffMode, 'UNIFIED'); |
| assert.equal(element.viewState.changeNum, '1'); |
| |
| element._changeNum = '2'; |
| element.params = {changeNum: '2'}; |
| element._change.newProp = '2'; |
| flushAsynchronousOperations(); |
| assert.isNull(element.viewState.diffMode); |
| assert.equal(element.viewState.changeNum, '2'); |
| }); |
| |
| test('patch num change', function(done) { |
| element._changeNum = '42'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 2, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev2: {_number: 2}, |
| rev1: {_number: 1}, |
| rev13: {_number: 13}, |
| rev3: {_number: 3}, |
| }, |
| current_revision: 'rev3', |
| status: 'NEW', |
| labels: {}, |
| }; |
| element.viewState.diffMode = 'UNIFIED'; |
| flushAsynchronousOperations(); |
| |
| var selectEl = element.$$('.patchInfo-header select'); |
| assert.ok(selectEl); |
| var optionEls = Polymer.dom(element.root).querySelectorAll( |
| '.patchInfo-header option'); |
| assert.equal(optionEls.length, 4); |
| assert.isFalse(element.$$('.patchInfo-header option[value="1"]') |
| .hasAttribute('selected')); |
| assert.isTrue(element.$$('.patchInfo-header option[value="2"]') |
| .hasAttribute('selected')); |
| assert.isFalse(element.$$('.patchInfo-header option[value="3"]') |
| .hasAttribute('selected')); |
| assert.equal(optionEls[3].value, 13); |
| |
| var showStub = sinon.stub(page, 'show'); |
| |
| var numEvents = 0; |
| selectEl.addEventListener('change', function(e) { |
| assert.equal(element.viewState.diffMode, 'UNIFIED'); |
| numEvents++; |
| if (numEvents == 1) { |
| assert(showStub.lastCall.calledWithExactly('/c/42/1'), |
| 'Should navigate to /c/42/1'); |
| selectEl.value = '3'; |
| element.fire('change', {}, {node: selectEl}); |
| } else if (numEvents == 2) { |
| assert(showStub.lastCall.calledWithExactly('/c/42'), |
| 'Should navigate to /c/42'); |
| showStub.restore(); |
| done(); |
| } |
| }); |
| selectEl.value = '1'; |
| element.fire('change', {}, {node: selectEl}); |
| }); |
| |
| test('patch num change with missing current_revision', function(done) { |
| element._changeNum = '42'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 2, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev2: {_number: 2}, |
| rev1: {_number: 1}, |
| rev13: {_number: 13}, |
| rev3: {_number: 3}, |
| }, |
| status: 'NEW', |
| labels: {}, |
| }; |
| flushAsynchronousOperations(); |
| var selectEl = element.$$('.patchInfo-header select'); |
| assert.ok(selectEl); |
| var optionEls = Polymer.dom(element.root).querySelectorAll( |
| '.patchInfo-header option'); |
| assert.equal(optionEls.length, 4); |
| assert.isFalse(element.$$('.patchInfo-header option[value="1"]') |
| .hasAttribute('selected')); |
| assert.isTrue(element.$$('.patchInfo-header option[value="2"]') |
| .hasAttribute('selected')); |
| assert.isFalse(element.$$('.patchInfo-header option[value="3"]') |
| .hasAttribute('selected')); |
| assert.equal(optionEls[3].value, 13); |
| |
| var showStub = sinon.stub(page, 'show'); |
| |
| var numEvents = 0; |
| selectEl.addEventListener('change', function(e) { |
| numEvents++; |
| if (numEvents == 1) { |
| assert(showStub.lastCall.calledWithExactly('/c/42/1'), |
| 'Should navigate to /c/42/1'); |
| selectEl.value = '3'; |
| element.fire('change', {}, {node: selectEl}); |
| } else if (numEvents == 2) { |
| assert(showStub.lastCall.calledWithExactly('/c/42/3'), |
| 'Should navigate to /c/42/3'); |
| showStub.restore(); |
| done(); |
| } |
| }); |
| selectEl.value = '1'; |
| element.fire('change', {}, {node: selectEl}); |
| }); |
| |
| test('don’t reload entire page when patchRange changes', function() { |
| var reloadStub = sinon.stub(element, '_reload', |
| function() { return Promise.resolve(); }); |
| var reloadPatchDependentStub = sinon.stub(element, |
| '_reloadPatchNumDependentResources', |
| function() { return Promise.resolve(); }); |
| |
| var value = { |
| view: 'gr-change-view', |
| patchNum: '1', |
| }; |
| element._paramsChanged(value); |
| assert.isTrue(reloadStub.calledOnce); |
| element._initialLoadComplete = true; |
| |
| value.basePatchNum = '1'; |
| value.patchNum = '2'; |
| element._paramsChanged(value); |
| assert.isFalse(reloadStub.calledTwice); |
| assert.isTrue(reloadPatchDependentStub.calledOnce); |
| |
| reloadStub.restore(); |
| reloadPatchDependentStub.restore(); |
| }); |
| |
| test('change status new', function() { |
| element._changeNum = '1'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 1, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| }, |
| current_revision: 'rev1', |
| status: 'NEW', |
| labels: {}, |
| }; |
| var status = element._computeChangeStatus(element._change, '1'); |
| assert.equal(status, ''); |
| }); |
| |
| test('change status draft', function() { |
| element._changeNum = '1'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 1, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| }, |
| current_revision: 'rev1', |
| status: 'DRAFT', |
| labels: {}, |
| }; |
| var status = element._computeChangeStatus(element._change, '1'); |
| assert.equal(status, '(Draft)'); |
| }); |
| |
| test('revision status draft', function() { |
| element._changeNum = '1'; |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 1, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| rev2: { |
| _number: 2, |
| draft: true, |
| }, |
| }, |
| current_revision: 'rev1', |
| status: 'NEW', |
| labels: {}, |
| }; |
| var status = element._computeChangeStatus(element._change, '2'); |
| assert.equal(status, '(Draft)'); |
| }); |
| |
| test('show commit message edit button', function() { |
| var _change = { |
| status: element.ChangeStatus.MERGED, |
| }; |
| assert.isTrue(element._computeHideEditCommitMessage(false, false, {})); |
| assert.isTrue(element._computeHideEditCommitMessage(true, true, {})); |
| assert.isTrue(element._computeHideEditCommitMessage(false, true, {})); |
| assert.isFalse(element._computeHideEditCommitMessage(true, false, {})); |
| assert.isTrue(element._computeHideEditCommitMessage(true, false, |
| _change)); |
| }); |
| |
| test('topic is coalesced to null', function(done) { |
| sinon.stub(element, '_changeChanged'); |
| sinon.stub(element.$.restAPI, 'getChangeDetail', function() { |
| return Promise.resolve({id: '123456789', labels: {}}); |
| }); |
| |
| element._getChangeDetail().then(function() { |
| assert.isNull(element._change.topic); |
| done(); |
| }); |
| }); |
| |
| test('reply dialog focus can be controlled', function() { |
| var FocusTarget = element.$.replyDialog.FocusTarget; |
| var openSpy = sinon.spy(element, '_openReplyDialog'); |
| |
| var e = {detail: {}}; |
| element._handleShowReplyDialog(e); |
| assert(openSpy.lastCall.calledWithExactly(FocusTarget.REVIEWERS), |
| '_openReplyDialog should have been passed REVIEWERS'); |
| |
| e.detail.value = {ccsOnly: true}; |
| element._handleShowReplyDialog(e); |
| assert(openSpy.lastCall.calledWithExactly(FocusTarget.CCS), |
| '_openReplyDialog should have been passed CCS'); |
| }); |
| |
| test('class is applied to file list on old patch set', function() { |
| var allPatcheSets = [1, 2, 4]; |
| assert.equal(element._computePatchInfoClass('1', allPatcheSets), |
| 'patchInfo--oldPatchSet'); |
| assert.equal(element._computePatchInfoClass('2', allPatcheSets), |
| 'patchInfo--oldPatchSet'); |
| assert.equal(element._computePatchInfoClass('4', allPatcheSets), ''); |
| }); |
| |
| test('getUrlParameter functionality', function() { |
| var locationStub = sinon.stub(element, '_getLocationSearch'); |
| |
| locationStub.returns('?test'); |
| assert.equal(element._getUrlParameter('test'), 'test'); |
| locationStub.returns('?test2=12&test=3'); |
| assert.equal(element._getUrlParameter('test'), 'test'); |
| locationStub.returns(''); |
| assert.isNull(element._getUrlParameter('test')); |
| locationStub.returns('?'); |
| assert.isNull(element._getUrlParameter('test')); |
| locationStub.returns('?test2'); |
| assert.isNull(element._getUrlParameter('test')); |
| |
| locationStub.restore(); |
| }); |
| |
| test('revert dialog opened with revert param', function(done) { |
| sinon.stub(element.$.restAPI, 'getLoggedIn', function() { |
| return Promise.resolve(true); |
| }); |
| |
| element._patchRange = { |
| basePatchNum: 'PARENT', |
| patchNum: 2, |
| }; |
| element._change = { |
| change_id: 'Iad9dc96274af6946f3632be53b106ef80f7ba6ca', |
| revisions: { |
| rev1: {_number: 1}, |
| }, |
| current_revision: 'rev1', |
| status: element.ChangeStatus.MERGED, |
| labels: {}, |
| actions: {}, |
| }; |
| |
| var urlParamStub = sinon.stub(element, '_getUrlParameter', |
| function(param) { |
| assert.equal(param, 'revert'); |
| urlParamStub.restore(); |
| element.$.restAPI.getLoggedIn.restore(); |
| return param; |
| }); |
| |
| var revertDialogStub = sinon.stub(element.$.actions, 'showRevertDialog', |
| function() { |
| revertDialogStub.restore(); |
| done(); |
| }); |
| |
| element._maybeShowRevertDialog(); |
| }); |
| |
| suite('scroll related tests', function() { |
| test('document scrolling calls function to set scroll height', |
| function(done) { |
| var scrollStub = sinon.stub(element, '_handleScroll', |
| function() { |
| assert.isTrue(scrollStub.called); |
| document.body.style.height = |
| originalHeight + 'px'; |
| scrollStub.restore(); |
| done(); |
| }); |
| var originalHeight = document.body.scrollHeight; |
| document.body.style.height = '10000px'; |
| document.body.scrollTop = TEST_SCROLL_TOP_PX; |
| element._handleScroll(); |
| }); |
| |
| test('history is loaded correctly', function() { |
| history.replaceState( |
| { |
| scrollTop: 100, |
| path: location.pathname, |
| }, |
| location.pathname); |
| |
| var reloadStub = sinon.stub(element, '_reload', |
| function() { |
| // When element is reloaded, ensure that the history |
| // state has the scrollTop set earlier. This will then |
| // be reset. |
| assert.isTrue(history.state.scrollTop == 100); |
| return Promise.resolve({}); |
| }); |
| |
| // simulate reloading component, which is done when route |
| // changes to match a regex of change view type. |
| element._paramsChanged({view: 'gr-change-view'}); |
| reloadStub.restore(); |
| }); |
| }); |
| |
| suite('reply dialog tests', function() { |
| setup(function() { |
| sinon.stub(element.$.replyDialog, '_draftChanged'); |
| }); |
| |
| test('reply from comment adds quote text', function() { |
| var e = {detail: {message: {message: 'quote text'}}}; |
| element._handleMessageReply(e); |
| assert.equal(element.$.replyDialog.draft, '> quote text\n\n'); |
| assert.equal(element.$.replyDialog.quote, '> quote text\n\n'); |
| }); |
| |
| test('reply from comment replaces quote text', function() { |
| element.$.replyDialog.draft = '> old quote text\n\n some draft text'; |
| element.$.replyDialog.quote = '> old quote text\n\n'; |
| var e = {detail: {message: {message: 'quote text'}}}; |
| element._handleMessageReply(e); |
| assert.equal(element.$.replyDialog.draft, '> quote text\n\n'); |
| assert.equal(element.$.replyDialog.quote, '> quote text\n\n'); |
| }); |
| |
| test('reply from same comment preserves quote text', function() { |
| element.$.replyDialog.draft = '> quote text\n\n some draft text'; |
| element.$.replyDialog.quote = '> quote text\n\n'; |
| var e = {detail: {message: {message: 'quote text'}}}; |
| element._handleMessageReply(e); |
| assert.equal(element.$.replyDialog.draft, |
| '> quote text\n\n some draft text'); |
| assert.equal(element.$.replyDialog.quote, '> quote text\n\n'); |
| }); |
| |
| test('reply from top of page contains previous draft', function() { |
| var div = document.createElement('div'); |
| element.$.replyDialog.draft = '> quote text\n\n some draft text'; |
| element.$.replyDialog.quote = '> quote text\n\n'; |
| var e = {target: div, preventDefault: sinon.spy()}; |
| element._handleReplyTap(e); |
| assert.equal(element.$.replyDialog.draft, |
| '> quote text\n\n some draft text'); |
| assert.equal(element.$.replyDialog.quote, '> quote text\n\n'); |
| }); |
| }); |
| }); |
| </script> |
