test(docs-app): ensure correct attribute usage

Author: Narretz

docs/app/e2e/usage.scenario.js

@@ -0,0 +1,58 @@
+'use strict';
+
+/**
+ * This scenario checks if the usage section for selected directives is rendered correctly
+ */
+
+describe('usage section', function() {
+
+  describe('as attribute', function() {
+
+    fdescribe('should list the directive name', function() {
+
+      it('when directive name is a parameter with a value', function() {
+        browser.get('build/docs/index.html#!/api/ng/directive/ngModel');
+
+        // Ensure that ngModel appears as an argument
+        var args = element(by.className('input-arguments'));
+
+        var paramNames = args.all(by.css('tr td:nth-child(1)'));
+
+        expect(paramNames.getText()).toContain('ngModel');
+
+        var usage = element(by.className('usage'));
+
+        expect(usage.isPresent()).toBe(true);
+
+        var asAttribute = usage.element(by.cssContainingText('li', 'as attribute'));
+
+        expect(asAttribute.isPresent()).toBe(true);
+
+        expect(asAttribute.element(by.cssContainingText('span', 'ng-model')).isPresent()).toBe(true);
+      });
+
+
+      it('when directive name is a void parameter', function() {
+        browser.get('build/docs/index.html#!/api/ngRoute/directive/ngView');
+
+        // Ensure that ngView does not appear as an argument
+        var args = element(by.className('input-arguments'));
+
+        var paramNames = args.all(by.css('tr td:nth-child(1)'));
+
+        expect(paramNames.getText()).not.toContain('ngView');
+
+        var usage = element(by.className('usage'));
+
+        expect(usage.isPresent()).toBe(true);
+
+        var asAttribute = usage.element(by.cssContainingText('li', 'as attribute'));
+
+        expect(asAttribute.isPresent()).toBe(true);
+
+        expect(asAttribute.element(by.cssContainingText('span', 'ng-view')).isPresent()).toBe(true);
+      });
+
+    });
+  });
+});