blob: 51ee41decf967b749290d48af337a47c0f21d8dd [file] [log] [blame]
/**
* @license
* Copyright 2021 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import {assert} from '@open-wc/testing';
import {fakeRun1} from '../../models/checks/checks-fakes';
import {RunResult} from '../../models/checks/checks-model';
import '../../test/common-test-setup';
import {queryAndAssert} from '../../utils/common-util';
import './gr-diff-check-result';
import {GrDiffCheckResult} from './gr-diff-check-result';
suite('gr-diff-check-result tests', () => {
let element: GrDiffCheckResult;
setup(async () => {
element = document.createElement('gr-diff-check-result');
document.body.appendChild(element);
await element.updateComplete;
});
teardown(() => {
if (element) element.remove();
});
test('renders', async () => {
element.result = {...fakeRun1, ...fakeRun1.results?.[0]} as RunResult;
await element.updateComplete;
// cannot use /* HTML */ because formatted long message will not match.
assert.shadowDom.equal(
element,
`
<div class="container font-normal warning">
<div class="header">
<div class="icon">
<gr-icon icon="warning" filled></gr-icon>
</div>
<div class="name">
<gr-hovercard-run> </gr-hovercard-run>
<div class="name" role="button" tabindex="0">FAKE Super Check</div>
</div>
<div class="summary">We think that you could improve this.</div>
<div class="message">
There is a lot to be said. A lot. I say, a lot.
So please keep reading.
</div>
<div aria-checked="false"
aria-label="Expand result row"
class="show-hide"
role="switch"
tabindex="0">
<gr-icon icon="expand_more"></gr-icon>
</div>
</div>
<div class="details"></div>
</div>
`
);
});
test('renders expanded', async () => {
element.result = {...fakeRun1, ...fakeRun1.results?.[2]} as RunResult;
element.isExpanded = true;
await element.updateComplete;
const details = queryAndAssert(element, 'div.details');
assert.dom.equal(
details,
/* HTML */ `
<div class="details">
<gr-result-expanded hidecodepointers=""></gr-result-expanded>
<div class="actions">
<gr-checks-action
id="please-fix"
context="diff-fix"
></gr-checks-action>
<gr-checks-action
id="show-fix"
context="diff-fix"
></gr-checks-action>
</div>
</div>
`
);
});
});