blob: ded88de10855c6e99e080c5df7c3aec664edfb90 [file] [log] [blame]
/**
* @license
* Copyright (C) 2021 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.
*/
import '../../../test/common-test-setup-karma';
import {fixture} from '@open-wc/testing-helpers';
import {html} from 'lit';
import './gr-submit-requirement-hovercard';
import {GrSubmitRequirementHovercard} from './gr-submit-requirement-hovercard';
import {
createAccountWithId,
createApproval,
createChange,
createDetailedLabelInfo,
createParsedChange,
createSubmitRequirementExpressionInfo,
createSubmitRequirementResultInfo,
} from '../../../test/test-data-generators';
import {ParsedChangeInfo} from '../../../types/types';
import {query, queryAndAssert} from '../../../test/test-utils';
import {GrButton} from '../../shared/gr-button/gr-button';
import {ChangeStatus, SubmitRequirementResultInfo} from '../../../api/rest-api';
suite('gr-submit-requirement-hovercard tests', () => {
let element: GrSubmitRequirementHovercard;
setup(async () => {
element = await fixture<GrSubmitRequirementHovercard>(
html`<gr-submit-requirement-hovercard
.requirement=${createSubmitRequirementResultInfo()}
.change=${createChange()}
.account=${createAccountWithId()}
></gr-submit-requirement-hovercard>`
);
});
test('renders', async () => {
expect(element).shadowDom.to.equal(/* HTML */ `
<div id="container" role="tooltip" tabindex="-1">
<div class="section">
<div class="sectionIcon">
<iron-icon
class="check-circle-filled"
icon="gr-icons:check-circle-filled"
>
</iron-icon>
</div>
<div class="sectionContent">
<h3 class="heading-3 name">
<span> Verified </span>
</h3>
</div>
</div>
<div class="section">
<div class="sectionIcon">
<iron-icon class="small" icon="gr-icons:info-outline"> </iron-icon>
</div>
<div class="sectionContent">
<div class="row">
<div class="title">Status</div>
<div>SATISFIED</div>
</div>
</div>
</div>
<div class="button">
<gr-button
aria-disabled="false"
id="toggleConditionsButton"
link=""
role="button"
tabindex="0"
>
View conditions
<iron-icon icon="gr-icons:expand-more"> </iron-icon>
</gr-button>
</div>
</div>
`);
});
test('renders conditions after click', async () => {
const button = queryAndAssert<GrButton>(element, '#toggleConditionsButton');
button.click();
await element.updateComplete;
expect(element).shadowDom.to.equal(/* HTML */ `
<div id="container" role="tooltip" tabindex="-1">
<div class="section">
<div class="sectionIcon">
<iron-icon
class="check-circle-filled"
icon="gr-icons:check-circle-filled"
>
</iron-icon>
</div>
<div class="sectionContent">
<h3 class="heading-3 name">
<span> Verified </span>
</h3>
</div>
</div>
<div class="section">
<div class="sectionIcon">
<iron-icon class="small" icon="gr-icons:info-outline"> </iron-icon>
</div>
<div class="sectionContent">
<div class="row">
<div class="title">Status</div>
<div>SATISFIED</div>
</div>
</div>
</div>
<div class="button">
<gr-button
aria-disabled="false"
id="toggleConditionsButton"
link=""
role="button"
tabindex="0"
>
Hide conditions
<iron-icon icon="gr-icons:expand-less"> </iron-icon>
</gr-button>
</div>
<div class="section condition">
<div class="sectionContent">
Submit condition:
<br />
<span class="expression">
label:Verified=MAX -label:Verified=MIN
</span>
</div>
</div>
</div>
`);
});
test('renders label', async () => {
const submitRequirement: SubmitRequirementResultInfo = {
...createSubmitRequirementResultInfo(),
description: 'Test Description',
submittability_expression_result: createSubmitRequirementExpressionInfo(),
};
const change: ParsedChangeInfo = {
...createParsedChange(),
labels: {
Verified: {
...createDetailedLabelInfo(),
all: [
{
...createApproval(),
value: 2,
},
],
},
},
};
const element = await fixture<GrSubmitRequirementHovercard>(
html`<gr-submit-requirement-hovercard
.requirement=${submitRequirement}
.change=${change}
.account=${createAccountWithId()}
></gr-submit-requirement-hovercard>`
);
expect(element).shadowDom.to.equal(/* HTML */ `
<div id="container" role="tooltip" tabindex="-1">
<div class="section">
<div class="sectionIcon">
<iron-icon
class="check-circle-filled"
icon="gr-icons:check-circle-filled"
>
</iron-icon>
</div>
<div class="sectionContent">
<h3 class="heading-3 name">
<span> Verified </span>
</h3>
</div>
</div>
<div class="section">
<div class="sectionIcon">
<iron-icon class="small" icon="gr-icons:info-outline"> </iron-icon>
</div>
<div class="sectionContent">
<div class="row">
<div class="title">Status</div>
<div>SATISFIED</div>
</div>
</div>
</div>
<div class="section">
<div class="sectionIcon"></div>
<div class="row">
<div>
<gr-label-info> </gr-label-info>
</div>
</div>
</div>
<div class="section description">
<div class="sectionIcon">
<iron-icon icon="gr-icons:description"> </iron-icon>
</div>
<div class="sectionContent">Test Description</div>
</div>
<div class="button">
<gr-button
aria-disabled="false"
id="toggleConditionsButton"
link=""
role="button"
tabindex="0"
>
View conditions
<iron-icon icon="gr-icons:expand-more"> </iron-icon>
</gr-button>
</div>
</div>
`);
});
suite('quick approve label', () => {
const submitRequirement: SubmitRequirementResultInfo = {
...createSubmitRequirementResultInfo(),
description: 'Test Description',
submittability_expression_result: createSubmitRequirementExpressionInfo(),
};
const account = createAccountWithId();
const change: ParsedChangeInfo = {
...createParsedChange(),
status: ChangeStatus.NEW,
labels: {
Verified: {
...createDetailedLabelInfo(),
all: [
{
...createApproval(),
_account_id: account._account_id,
permitted_voting_range: {
min: -2,
max: 2,
},
},
],
},
},
};
test('renders', async () => {
const element = await fixture<GrSubmitRequirementHovercard>(
html`<gr-submit-requirement-hovercard
.requirement=${submitRequirement}
.change=${change}
.account=${account}
></gr-submit-requirement-hovercard>`
);
const quickApprove = queryAndAssert(element, '.quickApprove');
expect(quickApprove).dom.to.equal(/* HTML */ `
<div class="button quickApprove">
<gr-button aria-disabled="false" link="" role="button" tabindex="0">
Vote Verified +2
</gr-button>
</div>
`);
});
test("doesn't render when already voted max vote", async () => {
const changeWithVote = {
...change,
labels: {
...change.labels,
Verified: {
...createDetailedLabelInfo(),
all: [
{
...createApproval(),
_account_id: account._account_id,
permitted_voting_range: {
min: -2,
max: 2,
},
value: 2,
},
],
},
},
};
const element = await fixture<GrSubmitRequirementHovercard>(
html`<gr-submit-requirement-hovercard
.requirement=${submitRequirement}
.change=${changeWithVote}
.account=${account}
></gr-submit-requirement-hovercard>`
);
assert.isUndefined(query(element, '.quickApprove'));
});
test('override button renders', async () => {
const submitRequirement: SubmitRequirementResultInfo = {
...createSubmitRequirementResultInfo(),
description: 'Test Description',
submittability_expression_result:
createSubmitRequirementExpressionInfo(),
override_expression_result: createSubmitRequirementExpressionInfo(
'label:Build-Cop=MAX'
),
};
const account = createAccountWithId();
const change: ParsedChangeInfo = {
...createParsedChange(),
status: ChangeStatus.NEW,
labels: {
'Build-Cop': {
...createDetailedLabelInfo(),
all: [
{
...createApproval(),
_account_id: account._account_id,
permitted_voting_range: {
min: -2,
max: 2,
},
},
],
},
},
};
const element = await fixture<GrSubmitRequirementHovercard>(
html`<gr-submit-requirement-hovercard
.requirement=${submitRequirement}
.change=${change}
.account=${account}
></gr-submit-requirement-hovercard>`
);
const quickApprove = queryAndAssert(element, '.quickApprove');
expect(quickApprove).dom.to.equal(/* HTML */ `
<div class="button quickApprove">
<gr-button aria-disabled="false" link="" role="button" tabindex="0"
>Override (Build-Cop)
</gr-button>
</div>
`);
});
});
});