describeIf(browser.appIsTs || browser.appIsJs, 'Forms Tests', function () {

  beforeEach(function () {
    browser.get('');
  });

  it('should display correct title', function () {
    expect(element.all(by.css('h1')).get(0).getText()).toEqual('Hero Form');
  });


  it('should not display message before submit', function () {
    var ele = element(by.css('h2'));
    expect(ele.isDisplayed()).toBe(false);
  });

  it('should hide form after submit', function () {
    var ele = element.all(by.css('h1')).get(0);
    expect(ele.isDisplayed()).toBe(true);
    var b = element.all(by.css('button[type=submit]')).get(0);
    b.click().then(function() {
      expect(ele.isDisplayed()).toBe(false);
    });
  });

  it('should display message after submit', function () {
    var b = element.all(by.css('button[type=submit]')).get(0);
    b.click().then(function() {
      expect(element(by.css('h2')).getText()).toContain('You submitted the following');
    });
  });

  it('should hide form after submit', function () {
    var alterEgoEle = element.all(by.css('input[ngcontrol=alterEgo]')).get(0);
    expect(alterEgoEle.isDisplayed()).toBe(true);
    var submitButtonEle = element.all(by.css('button[type=submit]')).get(0);
    submitButtonEle.click().then(function() {
      expect(alterEgoEle.isDisplayed()).toBe(false);
    })
  });

  it('should reflect submitted data after submit', function () {
    var test = 'testing 1 2 3';
    var newValue;
    var alterEgoEle = element.all(by.css('input[ngcontrol=alterEgo]')).get(0);
    alterEgoEle.getAttribute('value').then(function(value) {
      // alterEgoEle.sendKeys(test);
      sendKeys(alterEgoEle, test);
      newValue = value + test;
      expect(alterEgoEle.getAttribute('value')).toEqual(newValue);
    }).then(function() {
      var b = element.all(by.css('button[type=submit]')).get(0);
      return b.click();
    }).then(function() {
      var alterEgoTextEle = element(by.cssContainingText('div', 'Alter Ego'));
      expect(alterEgoTextEle.isPresent()).toBe(true, 'cannot locate "Alter Ego" label');
      var divEle = element(by.cssContainingText('div', newValue));
      expect(divEle.isPresent()).toBe(true, 'cannot locate div with this text: ' + newValue);
    });
  });
});