// Copyright 2020 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import { assert } from 'chai';
import { getElementWithinComponent, renderElementIntoDOM } from '../../../testing/DOMHelpers.js';
import { html, render } from '../../lit/lit.js';
import * as ReportView from './report_view.js';
describe('ReportView', () => {
    describe('header', () => {
        it('shows the provided report title', () => {
            const report = new ReportView.ReportView.Report();
            report.data = { reportTitle: 'Title for test report' };
            renderElementIntoDOM(report);
            // TODO(szuend): Replace this with an aria selector once we can use them in unit tests.
            const header = getElementWithinComponent(report, 'h1.report-title', HTMLElement);
            assert.strictEqual(header.textContent, 'Title for test report');
        });
    });
    describe('row', () => {
        it('renders the elements provided for the "key" and "value" slot', () => {
            const report = new ReportView.ReportView.Report();
            // clang-format off
            render(html `
        <devtools-report-key>This is the key</devtools-report-key>
        <devtools-report-value>This is the value</devtools-report-value>
      `, report, { host: this });
            // clang-format on
            renderElementIntoDOM(report);
            const slot = getElementWithinComponent(report, 'slot', HTMLSlotElement);
            const keyElement = report.querySelector('devtools-report-key');
            const valueElement = report.querySelector('devtools-report-value');
            assert.strictEqual(slot.assignedElements()[0], keyElement);
            assert.strictEqual(slot.assignedElements()[1], valueElement);
        });
    });
});
//# sourceMappingURL=ReportView.test.js.map