e2e test - squash please

Author: kapunahelewong

public/docs/_examples/reactive-forms/e2e-spec.ts

@@ -30,9 +30,9 @@ describe('Reactive forms', function() {
       expect(select.isDisplayed()).toBe(true);
     });
 
-    it('should have 8 options for different demos', function() {
+    it('should have 9 options for different demos', function() {
       let options = select.all(by.tagName('option'));
-      expect(options.count()).toBe(8);
+      expect(options.count()).toBe(9);
     });
 
     it('should start with Final Demo', function() {
@@ -140,7 +140,80 @@ describe('Reactive forms', function() {
     });
 
     describe('Bombasta form', function() {
+      beforeEach(function() {
+        let bombastaButton = element.all(by.css('nav a')).get(1);
+        bombastaButton.click();
+      });
+
+      it('should show a hero information when the button is click', function() {
+        let editMessage = element(by.css('hero-list > div > h3'));
+        expect(editMessage.getText()).toBe('Editing: Bombasta');
+      });
 
+      // it('should show a form with the selected hero information', function() {
+      //   let nameInput = element(by.css('input[formcontrolname=name]'));
+      //   expect(nameInput.getAttribute('value')).toBe('Whirlwind');
+      //   let address1 = finalDemoAddressForm(element, 0);
+      //   expect(address1.street).toBe('123 Main');
+      //   expect(address1.state).toBe('CA');
+      //   expect(address1.zip).toBe('94801');
+      //   expect(address1.city).toBe('Anywhere');
+      //   let address2 = finalDemoAddressForm(element, 1);
+      //   expect(address2.street).toBe('456 Maple');
+      //   expect(address2.zip).toBe('23226');
+      //   expect(address2.city).toBe('Somewhere');
+      // });
+
+      // it('shows a json output from the form', function() {
+      //   let json = element(by.css('hero-detail > p'));
+      //   expect(json.getText()).toContain('Whirlwind');
+      //   expect(json.getText()).toContain('Anywhere');
+      //   expect(json.getText()).toContain('Somewhere');
+      //   expect(json.getText()).toContain('VA');
+      // });
+
+      // it('has two disabled buttons by default', function() {
+      //   let buttons = element.all(by.css('hero-detail > form > div > button'));
+      //   expect(buttons.get(0).getAttribute('disabled')).toBe('true');
+      //   expect(buttons.get(1).getAttribute('disabled')).toBe('true');
+      // });
+
+      // it('enables the buttons after we edit the form', function() {
+      //   let nameInput = element(by.css('input[formcontrolname=name]'));
+      //   nameInput.sendKeys('a');
+      //   let buttons = element.all(by.css('hero-detail > form > div > button'));
+      //   expect(buttons.get(0).getAttribute('disabled')).toBeNull();
+      //   expect(buttons.get(1).getAttribute('disabled')).toBeNull();
+      // });
+
+      // it('saves the changes when the save button is click', function() {
+      //   let nameInput = element(by.css('input[formcontrolname=name]'));
+      //   nameInput.sendKeys('a');
+      //   let save = element.all(by.css('hero-detail > form > div > button')).get(0);
+      //   save.click();
+      //   let editMessage = element(by.css('hero-list > div > h3'));
+      //   expect(editMessage.getText()).toBe('Editing: Whirlwinda');
+      // });
+
+      // it('reverts the changes when the revert button is click', function() {
+      //   let nameInput = element(by.css('input[formcontrolname=name]'));
+      //   nameInput.sendKeys('a');
+      //   let revert = element.all(by.css('hero-detail > form > div > button')).get(1);
+      //   revert.click();
+      //   let editMessage = element(by.css('hero-list > div > h3'));
+      //   expect(editMessage.getText()).toBe('Editing: Whirlwind');
+      //   expect(nameInput.getAttribute('value')).toBe('Whirlwind');
+      // });
+
+      // it('is able to add a new empty address', function() {
+      //   let newLairButton = element.all(by.css('button')).get(3);
+      //   newLairButton.click();
+      //   let address3 = finalDemoAddressForm(element, 2);
+      //   expect(address3.street).toBe('');
+      //   expect(address3.state).toBe('CA');
+      //   expect(address3.zip).toBe('');
+      //   expect(address3.city).toBe('');
+      // });
     });
 
     describe('Magneta form', function() {