<!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-item</title>

<test-fixture id="basic">
  <template>
    <gr-checks-status></gr-checks-status>
  </template>
</test-fixture>

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

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

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

    function testStatus(expectedStatusClass, statusText, statusesToTest) {
      suite(expectedStatusClass, () => {
        for (const statusToTest of statusesToTest) {
          test(`renders ${expectedStatusClass} for ${statusToTest}`, done => {
            const element = fixture('basic');
            element.status = statusToTest;
            element.showText = false;

            flush(() => {
              const svg = element.shadowRoot.querySelector(`span svg`);
              assert.isOk(svg);
              done();
            });
          });
          test(`renders ${expectedStatusClass} for ${statusToTest} rendering
            text ${statusText}`, done => {
            const element = fixture('basic');
            element.status = statusToTest;
            element.showText = true;

            flush(() => {
              const text = element.shadowRoot.querySelector(`span span`);
              assert.equal(text.textContent.trim(), statusText);
              done();
            });
          });
        }
      });
    }

    testStatus('successful', 'Successful', ['SUCCESSFUL']);
    testStatus('failed', 'Failed', ['FAILED']);
    testStatus('running', 'Running', ['RUNNING']);
    testStatus('running', 'Scheduled', ['SCHEDULED']);
    testStatus('unevaluated', 'Unevaluated', ['NOT_STARTED']);
  });
</script>