| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 (function() { | 5 (function() { |
| 6 | 6 |
| 7 'use strict'; | 7 'use strict'; |
| 8 | 8 |
| 9 /** @type {remoting.HostTableEntry} */ | 9 /** @type {remoting.HostTableEntry} */ |
| 10 var hostTableEntry_ = null; | 10 var hostTableEntry_ = null; |
| 11 var onConnect_ = null; | 11 var onConnect_ = null; |
| 12 var onRename_ = null; | 12 var onRename_ = null; |
| 13 var onDelete_ = null; | 13 var onDelete_ = null; |
| 14 | 14 |
| 15 module('HostTableEntry', { | 15 QUnit.module('HostTableEntry', { |
| 16 setup: function() { | 16 beforeEach: function() { |
| 17 onConnect_ = /** @type {function(string)} */ (sinon.spy()); | 17 onConnect_ = /** @type {function(string)} */ (sinon.spy()); |
| 18 onRename_ = /** @type {function(remoting.HostTableEntry)} */ (sinon.spy()); | 18 onRename_ = /** @type {function(remoting.HostTableEntry)} */ (sinon.spy()); |
| 19 onDelete_ = /** @type {function(remoting.HostTableEntry)} */ (sinon.spy()); | 19 onDelete_ = /** @type {function(remoting.HostTableEntry)} */ (sinon.spy()); |
| 20 hostTableEntry_ = | 20 hostTableEntry_ = |
| 21 new remoting.HostTableEntry(10, | 21 new remoting.HostTableEntry(10, |
| 22 onConnect_, onRename_, onDelete_); | 22 onConnect_, onRename_, onDelete_); |
| 23 | 23 |
| 24 // Setup the DOM dependencies on the confirm delete dialog. | 24 // Setup the DOM dependencies on the confirm delete dialog. |
| 25 var fixture = document.getElementById('qunit-fixture'); | 25 var fixture = document.getElementById('qunit-fixture'); |
| 26 fixture.innerHTML = '<div id="confirm-host-delete-message"></div>' + | 26 fixture.innerHTML = '<div id="confirm-host-delete-message"></div>' + |
| 27 '<div id="confirm-host-delete"></div>' + | 27 '<div id="confirm-host-delete"></div>' + |
| 28 '<div id="cancel-host-delete"></div>'; | 28 '<div id="cancel-host-delete"></div>'; |
| 29 setHost('LocalHost', 'ONLINE'); | 29 setHost('LocalHost', 'ONLINE'); |
| 30 fixture.appendChild(hostTableEntry_.element()); | 30 fixture.appendChild(hostTableEntry_.element()); |
| 31 sinon.stub(chrome.i18n, 'getMessage', function(/** string */ tag){ | 31 sinon.stub(chrome.i18n, 'getMessage', function(/** string */ tag){ |
| 32 return tag; | 32 return tag; |
| 33 }); | 33 }); |
| 34 }, | 34 }, |
| 35 teardown: function() { | 35 afterEach: function() { |
| 36 hostTableEntry_.dispose(); | 36 hostTableEntry_.dispose(); |
| 37 hostTableEntry_ = null; | 37 hostTableEntry_ = null; |
| 38 $testStub(chrome.i18n.getMessage).restore(); | 38 $testStub(chrome.i18n.getMessage).restore(); |
| 39 } | 39 } |
| 40 }); | 40 }); |
| 41 | 41 |
| 42 /** | 42 /** |
| 43 * @param {string} hostName | 43 * @param {string} hostName |
| 44 * @param {string} status | 44 * @param {string} status |
| 45 * @param {string=} opt_offlineReason | 45 * @param {string=} opt_offlineReason |
| (...skipping 21 matching lines...) Expand all Loading... |
| 67 | 67 |
| 68 function verifyVisible( | 68 function verifyVisible( |
| 69 /** HTMLElement*/ element, | 69 /** HTMLElement*/ element, |
| 70 /** boolean */ isVisible, | 70 /** boolean */ isVisible, |
| 71 /** string= */ opt_name) { | 71 /** string= */ opt_name) { |
| 72 var expectedVisibility = (isVisible) ? 'visible' : 'hidden'; | 72 var expectedVisibility = (isVisible) ? 'visible' : 'hidden'; |
| 73 QUnit.equal(element.hidden, !isVisible, | 73 QUnit.equal(element.hidden, !isVisible, |
| 74 'Element ' + opt_name + ' should be ' + expectedVisibility); | 74 'Element ' + opt_name + ' should be ' + expectedVisibility); |
| 75 } | 75 } |
| 76 | 76 |
| 77 test('Clicking on the confirm button in the confirm dialog deletes the host', | 77 QUnit.test( |
| 78 'Clicking on the confirm button in the confirm dialog deletes the host', |
| 78 function() { | 79 function() { |
| 79 // Setup. | 80 // Setup. |
| 80 sinon.stub(remoting, 'setMode', function(/** remoting.AppMode */ mode) { | 81 sinon.stub(remoting, 'setMode', function(/** remoting.AppMode */ mode) { |
| 81 if (mode === remoting.AppMode.CONFIRM_HOST_DELETE) { | 82 if (mode === remoting.AppMode.CONFIRM_HOST_DELETE) { |
| 82 document.getElementById('confirm-host-delete').click(); | 83 document.getElementById('confirm-host-delete').click(); |
| 83 } | 84 } |
| 84 }); | 85 }); |
| 85 | 86 |
| 86 // Invoke. | 87 // Invoke. |
| 87 hostTableEntry_.element().querySelector('.delete-button').click(); | 88 hostTableEntry_.element().querySelector('.delete-button').click(); |
| 88 | 89 |
| 89 // Verify. | 90 // Verify. |
| 90 sinon.assert.calledWith(onDelete_, hostTableEntry_); | 91 sinon.assert.calledWith(onDelete_, hostTableEntry_); |
| 91 | 92 |
| 92 // Cleanup. | 93 // Cleanup. |
| 93 $testStub(remoting.setMode).restore(); | 94 $testStub(remoting.setMode).restore(); |
| 94 }); | 95 }); |
| 95 | 96 |
| 96 test( | 97 QUnit.test( |
| 97 'Clicking on the cancel button in the confirm dialog cancels host deletion', | 98 'Clicking on the cancel button in the confirm dialog cancels host deletion', |
| 98 function() { | 99 function() { |
| 99 // Setup. | 100 // Setup. |
| 100 sinon.stub(remoting, 'setMode', function(/** remoting.AppMode */ mode) { | 101 sinon.stub(remoting, 'setMode', function(/** remoting.AppMode */ mode) { |
| 101 if (mode === remoting.AppMode.CONFIRM_HOST_DELETE) { | 102 if (mode === remoting.AppMode.CONFIRM_HOST_DELETE) { |
| 102 document.getElementById('cancel-host-delete').click(); | 103 document.getElementById('cancel-host-delete').click(); |
| 103 } | 104 } |
| 104 }); | 105 }); |
| 105 | 106 |
| 106 // Invoke. | 107 // Invoke. |
| 107 hostTableEntry_.element().querySelector('.delete-button').click(); | 108 hostTableEntry_.element().querySelector('.delete-button').click(); |
| 108 | 109 |
| 109 // Verify. | 110 // Verify. |
| 110 sinon.assert.notCalled(onDelete_); | 111 sinon.assert.notCalled(onDelete_); |
| 111 | 112 |
| 112 // Cleanup. | 113 // Cleanup. |
| 113 $testStub(remoting.setMode).restore(); | 114 $testStub(remoting.setMode).restore(); |
| 114 }); | 115 }); |
| 115 | 116 |
| 116 test('Clicking on the rename button shows the input field.', function() { | 117 QUnit.test('Clicking on the rename button shows the input field.', function() { |
| 117 // Invoke. | 118 // Invoke. |
| 118 hostTableEntry_.element().querySelector('.rename-button').click(); | 119 hostTableEntry_.element().querySelector('.rename-button').click(); |
| 119 | 120 |
| 120 // Verify. | 121 // Verify. |
| 121 var inputField = | 122 var inputField = |
| 122 hostTableEntry_.element().querySelector('.host-rename-input'); | 123 hostTableEntry_.element().querySelector('.host-rename-input'); |
| 123 | 124 |
| 124 verifyVisible(inputField, true, 'inputField'); | 125 verifyVisible(inputField, true, 'inputField'); |
| 125 QUnit.equal(document.activeElement, inputField); | 126 QUnit.equal(document.activeElement, inputField); |
| 126 }); | 127 }); |
| 127 | 128 |
| 128 test('Host renaming is canceled on ESCAPE key.', function() { | 129 QUnit.test('Host renaming is canceled on ESCAPE key.', function() { |
| 129 // Invoke. | 130 // Invoke. |
| 130 var inputField = | 131 var inputField = |
| 131 hostTableEntry_.element().querySelector('.host-rename-input'); | 132 hostTableEntry_.element().querySelector('.host-rename-input'); |
| 132 hostTableEntry_.element().querySelector('.rename-button').click(); | 133 hostTableEntry_.element().querySelector('.rename-button').click(); |
| 133 | 134 |
| 134 // Verify. | 135 // Verify. |
| 135 verifyVisible(inputField, true, 'inputField'); | 136 verifyVisible(inputField, true, 'inputField'); |
| 136 QUnit.equal(document.activeElement, inputField); | 137 QUnit.equal(document.activeElement, inputField); |
| 137 sendKeydown(inputField, 27 /* ESCAPE */); | 138 sendKeydown(inputField, 27 /* ESCAPE */); |
| 138 verifyVisible(inputField, false, 'inputField'); | 139 verifyVisible(inputField, false, 'inputField'); |
| 139 }); | 140 }); |
| 140 | 141 |
| 141 test('Host renaming commits on ENTER.', function() { | 142 QUnit.test('Host renaming commits on ENTER.', function() { |
| 142 // Invoke. | 143 // Invoke. |
| 143 var inputField = | 144 var inputField = |
| 144 hostTableEntry_.element().querySelector('.host-rename-input'); | 145 hostTableEntry_.element().querySelector('.host-rename-input'); |
| 145 hostTableEntry_.element().querySelector('.rename-button').click(); | 146 hostTableEntry_.element().querySelector('.rename-button').click(); |
| 146 inputField.value = 'Renamed Host'; | 147 inputField.value = 'Renamed Host'; |
| 147 sendKeydown(inputField, 13 /* ENTER */); | 148 sendKeydown(inputField, 13 /* ENTER */); |
| 148 | 149 |
| 149 // Verify | 150 // Verify |
| 150 verifyVisible(inputField, false, 'inputField'); | 151 verifyVisible(inputField, false, 'inputField'); |
| 151 sinon.assert.called(onRename_); | 152 sinon.assert.called(onRename_); |
| 152 QUnit.equal(hostTableEntry_.host.hostName, 'Renamed Host'); | 153 QUnit.equal(hostTableEntry_.host.hostName, 'Renamed Host'); |
| 153 | 154 |
| 154 // Renaming shouldn't trigger a connection request. | 155 // Renaming shouldn't trigger a connection request. |
| 155 sinon.assert.notCalled(onConnect_); | 156 sinon.assert.notCalled(onConnect_); |
| 156 }); | 157 }); |
| 157 | 158 |
| 158 test('HostTableEntry renders the host name correctly.', function() { | 159 QUnit.test('HostTableEntry renders the host name correctly.', function() { |
| 159 var label = hostTableEntry_.element().querySelector('.host-name-label'); | 160 var label = hostTableEntry_.element().querySelector('.host-name-label'); |
| 160 QUnit.equal(label.innerText, 'LocalHost'); | 161 QUnit.equal(label.innerText, 'LocalHost'); |
| 161 }); | 162 }); |
| 162 | 163 |
| 163 test('HostTableEntry renders an offline host correctly.', function() { | 164 QUnit.test('HostTableEntry renders an offline host correctly.', function() { |
| 164 setHost('LocalHost', 'OFFLINE', 'INITIALIZATION_FAILED'); | 165 setHost('LocalHost', 'OFFLINE', 'INITIALIZATION_FAILED'); |
| 165 var label = hostTableEntry_.element().querySelector('.host-name-label'); | 166 var label = hostTableEntry_.element().querySelector('.host-name-label'); |
| 166 QUnit.equal(label.innerText, 'OFFLINE'); | 167 QUnit.equal(label.innerText, 'OFFLINE'); |
| 167 QUnit.equal(label.title, 'OFFLINE_REASON_INITIALIZATION_FAILED'); | 168 QUnit.equal(label.title, 'OFFLINE_REASON_INITIALIZATION_FAILED'); |
| 168 }); | 169 }); |
| 169 | 170 |
| 170 test('HostTableEntry renders an out-of-date host correctly', function() { | 171 QUnit.test('HostTableEntry renders an out-of-date host correctly', function() { |
| 171 sinon.stub(remoting.Host, 'needsUpdate').returns(true); | 172 sinon.stub(remoting.Host, 'needsUpdate').returns(true); |
| 172 setHost('LocalHost', 'ONLINE'); | 173 setHost('LocalHost', 'ONLINE'); |
| 173 var warningOverlay = | 174 var warningOverlay = |
| 174 hostTableEntry_.element().querySelector('.warning-overlay'); | 175 hostTableEntry_.element().querySelector('.warning-overlay'); |
| 175 var label = hostTableEntry_.element().querySelector('.host-name-label'); | 176 var label = hostTableEntry_.element().querySelector('.host-name-label'); |
| 176 verifyVisible(warningOverlay, true, 'warning overlay'); | 177 verifyVisible(warningOverlay, true, 'warning overlay'); |
| 177 QUnit.equal(label.innerText, 'UPDATE_REQUIRED'); | 178 QUnit.equal(label.innerText, 'UPDATE_REQUIRED'); |
| 178 }); | 179 }); |
| 179 | 180 |
| 180 test('Clicking on an online host connects it', function() { | 181 QUnit.test('Clicking on an online host connects it', function() { |
| 181 hostTableEntry_.element().querySelector('.host-name-label').click(); | 182 hostTableEntry_.element().querySelector('.host-name-label').click(); |
| 182 sinon.assert.calledWith(onConnect_, | 183 sinon.assert.calledWith(onConnect_, |
| 183 encodeURIComponent(hostTableEntry_.host.hostId)); | 184 encodeURIComponent(hostTableEntry_.host.hostId)); |
| 184 }); | 185 }); |
| 185 | 186 |
| 186 test('Clicking on an offline host should be a no-op', function() { | 187 QUnit.test('Clicking on an offline host should be a no-op', function() { |
| 187 setHost('LocalHost', 'OFFLINE'); | 188 setHost('LocalHost', 'OFFLINE'); |
| 188 hostTableEntry_.element().querySelector('.host-name-label').click(); | 189 hostTableEntry_.element().querySelector('.host-name-label').click(); |
| 189 sinon.assert.notCalled(onConnect_); | 190 sinon.assert.notCalled(onConnect_); |
| 190 }); | 191 }); |
| 191 | 192 |
| 192 test('HostTableEntry handles host that is null', function() { | 193 QUnit.test('HostTableEntry handles host that is null', function() { |
| 193 hostTableEntry_.setHost(null); | 194 hostTableEntry_.setHost(null); |
| 194 hostTableEntry_.element().querySelector('.host-name-label').click(); | 195 hostTableEntry_.element().querySelector('.host-name-label').click(); |
| 195 sinon.assert.notCalled(onConnect_); | 196 sinon.assert.notCalled(onConnect_); |
| 196 }); | 197 }); |
| 197 | 198 |
| 198 })(); | 199 })(); |
| OLD | NEW |