<!DOCTYPE html>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

<script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script src="../bower_components/web-component-tester/browser.js"></script>

<title>gr-checks-change-view-tab-header-view</title>

<test-fixture id="basic">
  <template>
    <gr-checks-change-view-tab-header-view></gr-checks-change-view-tab-header-view>
  </template>
</test-fixture>

<script type="module">
  import '../test/common-test-setup.js';
  import './gr-checks-change-view-tab-header-view.js';
  suite('gr-checks-change-view-tab-header-view tests', () => {
    let element;
    let sandbox;

    setup(done => {
      sandbox = sinon.sandbox.create();

      element = fixture('basic');
      flush(done);
    });

    teardown(() => { sandbox.restore(); });

    test('renders the header', () => {
      assert.include(element.shadowRoot.textContent.trim(), 'Checks');
    });
  });
</script>