/* eslint-env phantomjs,browser */
/* eslint-disable func-names */
/* global casper,$ */
casper.test.begin('index.html', 7, test => {
  const URL = casper.cli.get('url');
  const username = casper.cli.get('username');
  const password = casper.cli.get('password');
  const expected_token = casper.cli.get('token');
  const expected_jquery = require('../../package.json').dependencies.jquery;

  casper.start(URL);

  casper.viewport(1920, 1080).then(function () {
    const lib = require('../lib')(this);

    test.assertEquals(this.currentHTTPStatus, 200, 'HTTP Status Code should be 200; is ' + this.currentHTTPStatus + ' at ' + URL);
    test.assertEquals(this.getTitle(), 'PiCluster Web Console', 'Title should equal \'PiCluster WebConsole\'');
    const iframe = this.evaluate(() => {
      const iframes = document.getElementsByTagName('iframe');

      return {length: iframes.length, url: iframes[0].src};
    });

    test.assertEquals(1, iframe.length, 'There should be 1 iframe');
    test.assertEquals(iframe.url, URL + '/blank.html', 'Its source should equal ' + URL + '/blank.html');

    this.waitForResource('jquery.min.js', function () {
      const jquery = this.evaluate(() => {
        return $.fn.jquery;
      });

      const expected_jqueryUI = '1.12.1';
      let jqueryUI;
      this.waitForResource('jquery-ui.js', function () {
        jqueryUI = this.evaluate(() => {
          return $.ui.version;
        });

        test.assertEquals(jqueryUI, expected_jqueryUI, 'jQuery UI should be \'' + expected_jqueryUI + '\'');
      });

      test.assert(expected_jquery.indexOf(jquery) > -1, 'jQuery should be ' + expected_jquery);

      lib.doLogin(username, password);

      this.wait(1000, function () {
        const token = this.evaluate(() => {
          return token;
        });

        test.assertEquals(token, expected_token, 'The token should equal ' + expected_token);

        casper.test.done();
      });
    });
  });

  casper.run();
});