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);
 | |
|     });
 | |
|   });
 | |
| });
 | |
| 
 |