var testUtil = require('angular2/src/test_lib/e2e_util');

describe('ng2 naive infinite scroll benchmark', function () {

  var URL = 'benchmarks/src/naive_infinite_scroll/index.html?appSize=3';

  afterEach(testUtil.verifyNoBrowserErrors);

  it('should not throw errors', function() {
    browser.get(URL);
    var expectedRowCount = 18;
    var expectedCellsPerRow = 11;
    var allScrollItems = 'scroll-app /deep/ #testArea /deep/ scroll-item';
    var cells = `${ allScrollItems } /deep/ .row *`;
    var stageButtons =
        `${ allScrollItems } /deep/ .row stage-buttons /deep/ button`;

    var count = function(selector) {
      return browser.executeScript(
        `return document.querySelectorAll("${ selector }").length;`
      );
    }

    var clickFirstOf = function(selector) {
      return browser.executeScript(
        `document.querySelector("${ selector }").click();`
      );
    }

    var firstTextOf = function(selector) {
      return browser.executeScript(
        `return document.querySelector("${ selector }").innerText;`
      );
    }

    // Make sure rows are rendered
    count(allScrollItems).then(function(c) {
      expect(c).toBe(expectedRowCount);
    });

    // Make sure cells are rendered
    count(cells).then(function(c) {
      expect(c).toBe(expectedRowCount * expectedCellsPerRow);
    });

    // Click on first enabled button and verify stage changes
    firstTextOf(`${ stageButtons }:enabled`).then(function(text) {
      expect(text).toBe('Pitched');
      clickFirstOf(`${ stageButtons }:enabled`).then(function() {
        firstTextOf(`${ stageButtons }:enabled`).then(function(text) {
          expect(text).toBe('Won');
        })
      });
    })

    $("#reset-btn").click();
    $("#run-btn").click();
    browser.wait(() => {
      return $('#done').getText().then(
        function() { return true; },
        function() { return false; });
      }, 10000);
  });

});