63 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| describeIf(browser.appIsTs, '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);
 | |
|     });
 | |
|   });
 | |
| });
 | |
| 
 |