<!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-checkers-list-view</title>

<test-fixture id="basic">
  <template>
    <gr-checkers-list>
    </gr-checkers-list>
  </template>
</test-fixture>

<script type="module">
  import '../test/common-test-setup.js';
  import './gr-checkers-list.js';
  const CHECKERS = [
    {
      uuid: 'C:D',
      name: 'A',
      description: 'B',
      repository: 'Backend',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-25 13:08:43.000000000',
      updated: '2019-07-25 13:08:43.000000000',
    },
    {
      uuid: 'aa:bb',
      name: 'n1',
      description: 'd1',
      repository: 'All-Users',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 13:07:17.000000000',
      updated: '2019-07-29 13:07:17.000000000',
    },
    {
      uuid: 'adsf:asdasdas',
      name: 'ds',
      description: 's',
      repository: 'Scripts',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 13:28:09.000000000',
      updated: '2019-07-29 13:28:09.000000000',
    },
    {
      uuid: 'ijkl:mnop',
      name: 'abcd',
      description: 'efgh',
      repository: 'All-Projects',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 09:33:25.000000000',
      updated: '2019-07-29 09:33:25.000000000',
    },
    {
      uuid: 'ngfnf:mhghgnhghn',
      name: 'nbvfg',
      description: 'fjhgj',
      repository: 'All-Users',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-08-06 14:21:34.000000000',
      updated: '2019-08-06 14:21:34.000000000',
    },
    {
      uuid: 'sdfsdf--:sdfsdf333',
      name: 'sdfsdf',
      description: 'sdfsdfsd',
      repository: 'Scripts',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-30 13:00:19.000000000',
      updated: '2019-07-30 13:00:19.000000000',
    },
    {
      uuid: 'test:checker1',
      name: 'Unit Tests',
      description: 'Random description that should be improved at some point',
      repository: 'Backend',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-22 13:16:52.000000000',
      updated: '2019-07-22 14:21:14.000000000',
    },
    {
      uuid: 'test:checker2',
      name: 'Code Style',
      repository: 'Backend',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-22 13:26:56.000000000',
      updated: '2019-07-22 13:26:56.000000000',
    },
    {
      uuid: 'xddf:sdfsdfsdf',
      name: 'sdfsdf',
      description: 'sdfsdf',
      repository: 'Scripts',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 14:11:59.000000000',
      updated: '2019-07-29 14:11:59.000000000',
    },
    {
      uuid: 'zxczxc:bnvnbvnbvn',
      name: 'zxc',
      description: 'zxc',
      repository: 'Scripts',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 14:00:24.000000000',
      updated: '2019-07-29 14:00:24.000000000',
    },
    {
      uuid: 'zxczxc:sdfsdf',
      name: 'zxc',
      description: 'zxc',
      repository: 'Scripts',
      status: 'ENABLED',
      blocking: [

      ],
      query: 'status:open',
      created: '2019-07-29 13:30:47.000000000',
      updated: '2019-07-29 13:30:47.000000000',
    },
  ];

  suite('gr-checkers-list tests', () => {
    let element;
    let sandbox;
    let getSpy; let getResolve;

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

      getSpy = sinon.stub();
      const getPromise = new Promise((resolve, reject) => {
        getResolve = resolve;
      });
      getSpy.returns(getPromise);

      const pluginRestApi = {
        get: getSpy,
      };

      element = fixture('basic');
      element.pluginRestApi = pluginRestApi;

      element.$.listOverlay.refit = () => {};
      element.$.listOverlay.open = () => {
        return Promise.resolve(() => {});
      };
      flush(done);
    });

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

    test('renders checker list table headings', () => {
      const checkersList = element.$$('table');
      const headings = checkersList.firstElementChild.firstElementChild.
          children;
      const expectedHeadings = ['Checker Name', 'Repository', 'Status',
        'Required', 'Checker Description', 'Edit'];
      for (let i = 0; i < headings.length; i++) {
        assert(headings[i].innerText.trim() === expectedHeadings[i]);
      }
    });

    test('create checker button renders', () => {
      assert(element.shadowRoot.querySelector('#createNewContainer'));
      const button = element.shadowRoot.querySelector('#createNewContainer')
          .querySelector('gr-button');
      assert(button);
      assert(button.innerText === 'Create New');
    });

    suite('with checkers', () => {
      setup(done => {
        getResolve(CHECKERS);
        element._showConfigureOverlay();
        flush(done);
      });

      test('renders correct number of checkers', () => {
        const checkers = element
            .shadowRoot.querySelector('table > tbody:nth-child(2)')
            .querySelectorAll('tr');
        assert(checkers.length === CHECKERS.length);
      });

      test('renders correct checkers', () => {
        const checkers = element.$$('table > tbody:nth-child(2)')
            .querySelectorAll('tr');
        for (let i = 0; i < checkers.length; i++) {
          const checkerDetails = checkers[i].querySelectorAll('td');
          assert(CHECKERS[i].name === checkerDetails[0].innerText);
          assert(CHECKERS[i].repository === checkerDetails[1].innerText);
          const status = CHECKERS[i].status || 'NO';
          assert(status === checkerDetails[2].innerText);
          const checkerRequired = (CHECKERS[i].blocking &&
                                   CHECKERS[i].blocking.length > 0)
            ? 'YES': 'NO';
          assert(checkerRequired === checkerDetails[3].innerText);
          const description = CHECKERS[i].description || '';
          assert(description === checkerDetails[4].innerText);
        }
      });
    });
  });
</script>