docs(aio): Upgrade examples to Angular 6 (#23234)

PR Close #23234

aio/content/examples/structural-directives/e2e/src/app.e2e-spec.ts

@@ -0,0 +1,58 @@
+'use strict'; // necessary for es6 output in node
+
+import { browser, element, by } from 'protractor';
+
+describe('Structural Directives', function () {
+
+  beforeAll(function () {
+    browser.get('');
+  });
+
+  it('first div should show hero name with *ngIf', function () {
+    const allDivs = element.all(by.tagName('div'));
+    expect(allDivs.get(0).getText()).toEqual('Mr. Nice');
+  });
+
+  it('first li should show hero name with *ngFor', function () {
+    const allLis = element.all(by.tagName('li'));
+    expect(allLis.get(0).getText()).toEqual('Mr. Nice');
+  });
+
+  it('ngSwitch have two <happy-hero> instances', function () {
+    const happyHeroEls = element.all(by.tagName('app-happy-hero'));
+    expect(happyHeroEls.count()).toEqual(2);
+  });
+
+  it('should toggle *ngIf="hero" with a button', function () {
+    const toggleHeroButton = element.all(by.cssContainingText('button', 'Toggle hero')).get(0);
+    const paragraph = element.all(by.cssContainingText('p', 'I turned the corner'));
+    expect(paragraph.get(0).getText()).toContain('I waved');
+    toggleHeroButton.click().then(() => {
+      expect(paragraph.get(0).getText()).not.toContain('I waved');
+    });
+  });
+
+  it('should have only one "Hip!" (the other is erased)', function () {
+    const paragraph = element.all(by.cssContainingText('p', 'Hip!'));
+    expect(paragraph.count()).toEqual(1);
+  });
+
+  it('appUnless should show 3 paragraph (A)s and (B)s at the start', function () {
+    const paragraph = element.all(by.css('p.unless'));
+    expect(paragraph.count()).toEqual(3);
+    for (let i = 0; i < 3; i++) {
+      expect(paragraph.get(i).getText()).toContain('(A)');
+    }
+  });
+
+  it('appUnless should show 1 paragraph (B) after toggling condition', function () {
+    const toggleConditionButton = element.all(by.cssContainingText('button', 'Toggle condition')).get(0);
+    const paragraph = element.all(by.css('p.unless'));
+
+    toggleConditionButton.click().then(() => {
+      expect(paragraph.count()).toEqual(1);
+      expect(paragraph.get(0).getText()).toContain('(B)');
+    });
+  });
+});
+