This PR upgrades the existing forms to the new API, while leaving a copy for existing users. The current forms will be the default until RC4, at which point we will switch the default to the new API but still retain a link to the old forms API. After RC5 the old API docs will be completely removed.
		
			
				
	
	
		
			65 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			65 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/// <reference path='../_protractor/e2e.d.ts' />
 | 
						|
'use strict';
 | 
						|
describeIf(browser.appIsTs || browser.appIsJs, 'Forms (Deprecated) 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 () {
 | 
						|
    let ele = element(by.css('h2'));
 | 
						|
    expect(ele.isDisplayed()).toBe(false);
 | 
						|
  });
 | 
						|
 | 
						|
  it('should hide form after submit', function () {
 | 
						|
    let ele = element.all(by.css('h1')).get(0);
 | 
						|
    expect(ele.isDisplayed()).toBe(true);
 | 
						|
    let 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 () {
 | 
						|
    let 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 () {
 | 
						|
    let alterEgoEle = element.all(by.css('input[ngcontrol=alterEgo]')).get(0);
 | 
						|
    expect(alterEgoEle.isDisplayed()).toBe(true);
 | 
						|
    let 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 () {
 | 
						|
    let test = 'testing 1 2 3';
 | 
						|
    let newValue: string;
 | 
						|
    let 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() {
 | 
						|
      let b = element.all(by.css('button[type=submit]')).get(0);
 | 
						|
      return b.click();
 | 
						|
    }).then(function() {
 | 
						|
      let alterEgoTextEle = element(by.cssContainingText('div', 'Alter Ego'));
 | 
						|
      expect(alterEgoTextEle.isPresent()).toBe(true, 'cannot locate "Alter Ego" label');
 | 
						|
      let divEle = element(by.cssContainingText('div', newValue));
 | 
						|
      expect(divEle.isPresent()).toBe(true, 'cannot locate div with this text: ' + newValue);
 | 
						|
    });
 | 
						|
  });
 | 
						|
});
 | 
						|
 |