blob: c5641ff8867fcc7c0a75f200631857fd4b7e06c6 [file] [log] [blame]
/**
* @license
* Copyright 2016 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import '../../../test/common-test-setup';
import './gr-ssh-editor';
import {
mockPromise,
query,
stubRestApi,
waitEventLoop,
} from '../../../test/test-utils';
import {GrSshEditor} from './gr-ssh-editor';
import {SshKeyInfo} from '../../../types/common';
import {GrButton} from '../../shared/gr-button/gr-button';
import {fixture, html, assert} from '@open-wc/testing';
suite('gr-ssh-editor tests', () => {
let element: GrSshEditor;
let keys: SshKeyInfo[];
setup(async () => {
keys = [
{
seq: 1,
ssh_public_key: 'ssh-rsa <key 1> comment-one@machine-one',
encoded_key: '<key 1>',
algorithm: 'ssh-rsa',
comment: 'comment-one@machine-one',
valid: true,
},
{
seq: 2,
ssh_public_key: 'ssh-rsa <key 2> comment-two@machine-two',
encoded_key: '<key 2>',
algorithm: 'ssh-rsa',
comment: 'comment-two@machine-two',
valid: true,
},
];
stubRestApi('getAccountSSHKeys').returns(Promise.resolve(keys));
element = await fixture(html`<gr-ssh-editor></gr-ssh-editor>`);
await element.loadData();
await waitEventLoop();
});
test('renders', () => {
assert.shadowDom.equal(
element,
/* HTML */ `
<div class="gr-form-styles">
<fieldset id="existing">
<table>
<thead>
<tr>
<th class="commentColumn">Comment</th>
<th class="statusHeader">Status</th>
<th class="keyHeader">Public key</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="commentColumn">comment-one@machine-one</td>
<td>Valid</td>
<td>
<gr-button
aria-disabled="false"
data-index="0"
link=""
role="button"
tabindex="0"
>
Click to View
</gr-button>
</td>
<td>
<gr-copy-clipboard hastooltip="" hideinput="">
</gr-copy-clipboard>
</td>
<td>
<gr-button
aria-disabled="false"
data-index="0"
link=""
role="button"
tabindex="0"
>
Delete
</gr-button>
</td>
</tr>
<tr>
<td class="commentColumn">comment-two@machine-two</td>
<td>Valid</td>
<td>
<gr-button
aria-disabled="false"
data-index="1"
link=""
role="button"
tabindex="0"
>
Click to View
</gr-button>
</td>
<td>
<gr-copy-clipboard hastooltip="" hideinput="">
</gr-copy-clipboard>
</td>
<td>
<gr-button
aria-disabled="false"
data-index="1"
link=""
role="button"
tabindex="0"
>
Delete
</gr-button>
</td>
</tr>
</tbody>
</table>
<gr-overlay
aria-hidden="true"
id="viewKeyOverlay"
style="outline: none; display: none;"
tabindex="-1"
with-backdrop=""
>
<fieldset>
<section>
<span class="title"> Algorithm </span>
<span class="value"> </span>
</section>
<section>
<span class="title"> Public key </span>
<span class="publicKey value"> </span>
</section>
<section>
<span class="title"> Comment </span>
<span class="value"> </span>
</section>
</fieldset>
<gr-button
aria-disabled="false"
class="closeButton"
role="button"
tabindex="0"
>
Close
</gr-button>
</gr-overlay>
<gr-button
aria-disabled="true"
disabled=""
role="button"
tabindex="-1"
>
Save changes
</gr-button>
</fieldset>
<fieldset>
<section>
<span class="title"> New SSH key </span>
<span class="value">
<iron-autogrow-textarea
aria-disabled="false"
autocomplete="on"
id="newKey"
placeholder="New SSH Key"
>
</iron-autogrow-textarea>
</span>
</section>
<gr-button
aria-disabled="true"
disabled=""
id="addButton"
link=""
role="button"
tabindex="-1"
>
Add new SSH key
</gr-button>
</fieldset>
</div>
`
);
});
test('remove key', async () => {
const lastKey = keys[1];
const saveStub = stubRestApi('deleteAccountSSHKey').callsFake(() =>
Promise.resolve()
);
assert.equal(element.keysToRemove.length, 0);
assert.isFalse(element.hasUnsavedChanges);
// Get the delete button for the last row.
const button = query<GrButton>(
element,
'tbody tr:last-of-type td:nth-child(5) gr-button'
);
button!.click();
assert.equal(element.keys.length, 1);
assert.equal(element.keysToRemove.length, 1);
assert.equal(element.keysToRemove[0], lastKey);
assert.isTrue(element.hasUnsavedChanges);
assert.isFalse(saveStub.called);
await element.save();
assert.isTrue(saveStub.called);
assert.equal(saveStub.lastCall.args[0], `${lastKey.seq}`);
assert.equal(element.keysToRemove.length, 0);
assert.isFalse(element.hasUnsavedChanges);
});
test('show key', () => {
const openSpy = sinon.spy(element.viewKeyOverlay, 'open');
// Get the show button for the last row.
const button = query<GrButton>(
element,
'tbody tr:last-of-type td:nth-child(3) gr-button'
);
button!.click();
assert.equal(element.keyToView, keys[1]);
assert.isTrue(openSpy.called);
});
test('add key', async () => {
const newKeyString = 'ssh-rsa <key 3> comment-three@machine-three';
const newKeyObject = {
seq: 3,
ssh_public_key: newKeyString,
encoded_key: '<key 3>',
algorithm: 'ssh-rsa',
comment: 'comment-three@machine-three',
valid: true,
};
const addStub = stubRestApi('addAccountSSHKey').resolves(newKeyObject);
element.newKey = newKeyString;
await element.updateComplete;
assert.isFalse(element.addButton.disabled);
assert.isFalse(element.newKeyEditor.disabled);
const promise = mockPromise();
element.handleAddKey().then(() => {
assert.isTrue(element.addButton.disabled);
assert.isFalse(element.newKeyEditor.disabled);
assert.equal(element.keys.length, 3);
promise.resolve();
});
assert.isTrue(element.addButton.disabled);
assert.isTrue(element.newKeyEditor.disabled);
assert.isTrue(addStub.called);
assert.equal(addStub.lastCall.args[0], newKeyString);
await promise;
});
test('add invalid key', async () => {
const newKeyString = 'not even close to valid';
const addStub = stubRestApi('addAccountSSHKey').rejects(new Error('error'));
element.newKey = newKeyString;
await element.updateComplete;
assert.isFalse(element.addButton.disabled);
assert.isFalse(element.newKeyEditor.disabled);
const promise = mockPromise();
element.handleAddKey().then(() => {
assert.isFalse(element.addButton.disabled);
assert.isFalse(element.newKeyEditor.disabled);
assert.equal(element.keys.length, 2);
promise.resolve();
});
assert.isTrue(element.addButton.disabled);
assert.isTrue(element.newKeyEditor.disabled);
assert.isTrue(addStub.called);
assert.equal(addStub.lastCall.args[0], newKeyString);
await promise;
});
});