docs(aio): add examples to test cookbook doc

docs/content/examples/cb-component-relative-paths/e2e-spec.ts

@@ -0,0 +1,42 @@
+'use strict'; // necessary for es6 output in node 
+
+import { browser, element, by, ElementFinder } from 'protractor';
+
+describe('Cookbook: component-relative paths', function () {
+
+  interface Page {
+    title: ElementFinder;
+    absComp: ElementFinder;
+    relComp: ElementFinder;
+
+  }
+  function getPageStruct() {
+    return {
+      title: element( by.tagName( 'h1' )),
+      absComp: element( by.css( 'absolute-path div' ) ),
+      relComp: element( by.css( 'relative-path div' ) )
+    };
+  }
+
+  let page: Page;
+  beforeAll(function () {
+      browser.get('');
+      page = getPageStruct();
+  });
+
+  it('should display title of the sample', function () {
+    expect(element(by.tagName('h1')).getText()).toContain('Paths');
+  });
+
+  it('should have absolute-path element', function () {
+    expect(page.absComp.isPresent()).toBe(true, 'no <absolute-path> element');
+  });
+
+  it('should display the absolute path text', function () {
+    expect(page.absComp.getText()).toContain('Absolute');
+  });
+
+  it('should display the component-relative path text', function () {
+    expect(page.relComp.getText()).toContain('Component-relative');
+  });
+});