| /** |
| * @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="show-fix" |
| context="diff-fix" |
| ></gr-checks-action> |
| <gr-checks-action |
| id="please-fix" |
| context="diff-fix" |
| ></gr-checks-action> |
| </div> |
| </div> |
| ` |
| ); |
| }); |
| }); |