blob: 4655c71a3b7bb53155fe8ac2300cee4bbf5ee2a5 [file] [log] [blame]
/**
* @license
* Copyright 2016 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import '../../../test/common-test-setup';
import './gr-confirm-cherrypick-dialog';
import {
query,
queryAll,
queryAndAssert,
stubRestApi,
} from '../../../test/test-utils';
import {GrConfirmCherrypickDialog} from './gr-confirm-cherrypick-dialog';
import {
BranchName,
ChangeId,
ChangeInfo,
ChangeInfoId,
ChangeStatus,
CommitId,
GitRef,
HttpMethod,
NumericChangeId,
RepoName,
TopicName,
} from '../../../api/rest-api';
import {createChange, createRevision} from '../../../test/test-data-generators';
import {GrDialog} from '../../shared/gr-dialog/gr-dialog';
import {ProgressStatus} from '../../../constants/constants';
import {fixture, html, assert} from '@open-wc/testing';
import {GrDropdownList} from '../../shared/gr-dropdown-list/gr-dropdown-list';
const CHERRY_PICK_TYPES = {
SINGLE_CHANGE: 1,
TOPIC: 2,
};
const changes: ChangeInfo[] = [
{
...createChange(),
id: '1234' as ChangeInfoId,
change_id: '12345678901234' as ChangeId,
topic: 'T' as TopicName,
subject: 'random',
project: 'A' as RepoName,
_number: 1 as NumericChangeId,
revisions: {
a: createRevision(),
},
current_revision: 'a' as CommitId,
},
{
...createChange(),
id: '5678' as ChangeInfoId,
change_id: '23456' as ChangeId,
topic: 'T' as TopicName,
subject: 'a'.repeat(100),
project: 'B' as RepoName,
_number: 2 as NumericChangeId,
revisions: {
a: createRevision(),
},
current_revision: 'a' as CommitId,
},
];
const emails = [
{
email: 'primary@email.com',
preferred: true,
},
{
email: 'secondary@email.com',
preferred: false,
},
];
suite('gr-confirm-cherrypick-dialog tests', () => {
let element: GrConfirmCherrypickDialog;
setup(async () => {
stubRestApi('getRepoBranches').callsFake(input => {
if (input.startsWith('test')) {
return Promise.resolve([
{
ref: 'refs/heads/test-branch' as GitRef,
revision: '67ebf73496383c6777035e374d2d664009e2aa5c',
can_delete: true,
},
]);
} else {
return Promise.resolve([]);
}
});
element = await fixture(
html`<gr-confirm-cherrypick-dialog></gr-confirm-cherrypick-dialog>`
);
element.project = 'test-project' as RepoName;
});
test('render', () => {
assert.shadowDom.equal(
element,
/* HTML */ `
<gr-dialog confirm-label="Cherry Pick" disabled="" role="dialog">
<div class="header title" slot="header">
Cherry Pick Change to Another Branch
</div>
<div class="main" slot="main">
<gr-endpoint-decorator name="cherrypick-main">
<gr-endpoint-param name="changes"> </gr-endpoint-param>
<gr-endpoint-slot name="top"> </gr-endpoint-slot>
<label for="branchInput"> Cherry Pick to branch </label>
<gr-autocomplete
id="branchInput"
placeholder="Destination branch"
>
</gr-autocomplete>
<label for="baseInput">
Provide base commit sha1 for cherry-pick
</label>
<iron-input>
<input
id="baseCommitInput"
is="iron-input"
maxlength="40"
placeholder="(optional)"
/>
</iron-input>
<label for="messageInput"> Cherry Pick Commit Message </label>
<iron-autogrow-textarea
aria-disabled="false"
autocomplete="on"
class="message"
id="messageInput"
rows="4"
>
</iron-autogrow-textarea>
<gr-endpoint-slot name="bottom"></gr-endpoint-slot>
</gr-endpoint-decorator>
</div>
</gr-dialog>
`
);
});
test('with message missing newline', async () => {
element.changeStatus = ChangeStatus.MERGED;
element.commitMessage = 'message';
element.commitNum = '123' as CommitId;
element.branch = 'master' as BranchName;
await element.updateComplete;
const expectedMessage = 'message\n(cherry picked from commit 123)';
assert.equal(element.message, expectedMessage);
});
test('with merged change', async () => {
element.changeStatus = ChangeStatus.MERGED;
element.commitMessage = 'message\n';
element.commitNum = '123' as CommitId;
element.branch = 'master' as BranchName;
await element.updateComplete;
const expectedMessage = 'message\n(cherry picked from commit 123)';
assert.equal(element.message, expectedMessage);
});
test('with unmerged change', async () => {
element.changeStatus = ChangeStatus.NEW;
element.commitMessage = 'message\n';
element.commitNum = '123' as CommitId;
element.branch = 'master' as BranchName;
await element.updateComplete;
const expectedMessage = 'message\n';
assert.equal(element.message, expectedMessage);
});
test('with updated commit message', async () => {
element.changeStatus = ChangeStatus.NEW;
element.commitMessage = 'message\n';
element.commitNum = '123' as CommitId;
element.branch = 'master' as BranchName;
await element.updateComplete;
const myNewMessage = 'updated commit message';
element.message = myNewMessage;
await element.updateComplete;
assert.equal(element.message, myNewMessage);
});
test('getProjectBranchesSuggestions empty', async () => {
const branches = await element.getProjectBranchesSuggestions('asdf');
assert.isEmpty(branches);
});
suite('cherry pick topic', () => {
setup(async () => {
element.updateChanges(changes);
element.cherryPickType = CHERRY_PICK_TYPES.TOPIC;
await element.updateComplete;
});
test('cherry pick topic submit', async () => {
element.branch = 'master' as BranchName;
await element.updateComplete;
const executeChangeActionStub = stubRestApi(
'executeChangeAction'
).resolves(new Response());
queryAndAssert<GrDialog>(element, 'gr-dialog').confirmButton!.click();
await element.updateComplete;
const args = executeChangeActionStub.args[0];
assert.equal(args[0], 1);
assert.equal(args[1], 'POST' as HttpMethod);
assert.equal(args[2], '/cherrypick');
assert.equal((args[4] as any).destination, 'master');
assert.isTrue((args[4] as any).allow_conflicts);
assert.isTrue((args[4] as any).allow_empty);
});
test('deselecting a change removes it from being cherry picked', async () => {
const duplicateChangesStub = sinon.stub(
element,
'containsDuplicateProject'
);
element.branch = 'master' as BranchName;
await element.updateComplete;
const executeChangeActionStub = stubRestApi(
'executeChangeAction'
).resolves(new Response());
const checkboxes = queryAll<HTMLInputElement>(
element,
'input[type="checkbox"]'
);
assert.equal(checkboxes.length, 2);
assert.isTrue(checkboxes[0].checked);
checkboxes[0].click();
queryAndAssert<GrDialog>(element, 'gr-dialog').confirmButton!.click();
await element.updateComplete;
assert.equal(executeChangeActionStub.callCount, 1);
assert.isTrue(duplicateChangesStub.called);
});
test('deselecting all change shows error message', async () => {
element.branch = 'master' as BranchName;
await element.updateComplete;
const executeChangeActionStub = stubRestApi(
'executeChangeAction'
).resolves(new Response());
const checkboxes = queryAll<HTMLInputElement>(
element,
'input[type="checkbox"]'
);
assert.equal(checkboxes.length, 2);
checkboxes[0].click();
checkboxes[1].click();
queryAndAssert<GrDialog>(element, 'gr-dialog').confirmButton!.click();
await element.updateComplete;
assert.equal(executeChangeActionStub.callCount, 0);
assert.equal(
queryAndAssert<HTMLElement>(element, '.error-message').innerText,
'No change selected'
);
});
test('computeStatusClass', async () => {
assert.equal(
element.computeStatusClass(
{...createChange(), id: '1' as ChangeInfoId},
{1: {status: ProgressStatus.RUNNING}}
),
''
);
assert.equal(
element.computeStatusClass(
{...createChange(), id: '1' as ChangeInfoId},
{1: {status: ProgressStatus.FAILED}}
),
'error'
);
});
test('submit button is blocked while cherry picks is running', async () => {
const confirmButton = queryAndAssert<GrDialog>(
element,
'gr-dialog'
).confirmButton;
assert.isTrue(confirmButton!.hasAttribute('disabled'));
element.branch = 'b' as BranchName;
await element.updateComplete;
assert.isFalse(confirmButton!.hasAttribute('disabled'));
element.updateStatus(changes[0], {status: ProgressStatus.RUNNING});
await element.updateComplete;
assert.isTrue(confirmButton!.hasAttribute('disabled'));
});
});
test('resetFocus', async () => {
const focusStub = sinon.stub(element.branchInput, 'focus');
element.resetFocus();
await element.updateComplete;
assert.isTrue(focusStub.called);
});
test('getProjectBranchesSuggestions non-empty', async () => {
const branches = await element.getProjectBranchesSuggestions('test-branch');
assert.equal(branches.length, 1);
assert.equal(branches[0].name, 'test-branch');
});
suite('cherry pick single change with committer email', () => {
test('hide email dropdown when user has one email', async () => {
element.emails = emails.slice(0, 1);
await element.updateComplete;
assert.notExists(query(element, '#cherryPickEmailDropdown'));
});
test('show email dropdown when user has more than one email', async () => {
element.emails = emails;
await element.updateComplete;
const cherryPickEmailDropdown = queryAndAssert(
element,
'#cherryPickEmailDropdown'
);
assert.dom.equal(
cherryPickEmailDropdown,
`<div id="cherryPickEmailDropdown">Cherry Pick Committer Email
<gr-dropdown-list></gr-dropdown-list>
<span></span>
</div>`
);
const emailDropdown = queryAndAssert<GrDropdownList>(
cherryPickEmailDropdown,
'gr-dropdown-list'
);
assert.deepEqual(
emailDropdown.items?.map(e => e.value),
emails.map(e => e.email)
);
});
});
});