Initial version

Carlos Purificação
1 parent c623e86c
Showing 4 changed files with 77 additions and 10 deletions Show diff stats
src/app/article/content-viewer/navbar-actions.html
src/app/article/content-viewer/navbar-actions.spec.ts
src/languages/en.json
src/languages/pt.json
 <ul class="nav navbar-nav">
-  <li ng-show="vm.profile">
-    <a ng-show="vm.parentId" href="#" role="button" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId})">
-      <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" | translate}}
-    </a>
-  </li>
-  <li ng-show="vm.profile">
-    <a href="#" role="button" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId, type: 'CommentParagraphPlugin::Discussion'})">
-      <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" | translate}}
-    </a>
-  </li>
+    <li class="dropdown profile-menu" uib-dropdown>
+        <a class="btn dropdown-toggle" data-toggle="dropdown" uib-dropdown-toggle>
+            {{"navbar.content_viewer_actions.new_item" | translate}}
+            <i class="fa fa-caret-down"></i>
+        </a>
+        <ul class="dropdown-menu" uib-dropdown-menu ng-show="vm.profile">
+            <li ng-show="vm.parentId">
+                <a href="#" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId})">
+                    <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" | translate}}
+                </a>
+            </li>
+            <li ng-show="vm.parentId">
+                <a href="#" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId, type: 'CommentParagraphPlugin::Discussion'})">
+                    <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_discussion" | translate}}
+                </a>
+            </li>
+        </ul>
+    </li>
+   
 </ul>
+
@@ -0,0 +1,53 @@
+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
+import {Provider} from 'ng-forward';
+import {ComponentTestHelper, createClass} from "./../../../spec/component-test-helper";
+import {providers} from 'ng-forward/cjs/testing/providers';
+import {ContentViewerActionsComponent} from '././content-viewer-actions.component';
+import * as helpers from "../../../spec/helpers";
+
+const htmlTemplate: string = '<content-viewer-actions [article]="ctrl.article" [profile]="ctrl.profile"></content-viewer-actions>';
+
+describe("Components", () => {
+
+    describe("Content Viewer Actions Component", () => {
+        let serviceMock = {
+            getEnvironmentPeople: (filters: any): any => {
+                return Promise.resolve([{ identifier: "person1" }]);
+            }
+        };
+        let providers = [
+            new Provider('ArticleService', { useValue: helpers.mocks.articleService }),
+            new Provider('ProfileService', { useValue: helpers.mocks.profileService })
+        ];
+
+        let helper: ComponentTestHelper<ContentViewerActionsComponent>;
+
+        beforeEach(angular.mock.module("templates"));
+
+        /**
+         * The beforeEach procedure will initialize the helper and parse
+         * the component according to the given providers. Unfortunetly, in
+         * this mode, the providers and properties given to the construtor
+         * can't be overriden.
+        */
+        beforeEach((done) => {
+            // Create the component bed for the test. Optionally, this could be done
+            // in each test if one needs customization of these parameters per test
+            let cls = createClass({
+                template: htmlTemplate,
+                directives: [ContentViewerActionsComponent],
+                providers: providers,
+                properties: {}
+            });
+            helper = new ComponentTestHelper<ContentViewerActionsComponent>(cls, done);
+        });
+
+        it("render the actions new item menu", () => {
+            expect(helper.all("a[class|='btn dropdown-toggle']")[0]).not.toBeNull();
+        });
+
+        it("render two menu item actions", () => {
+            expect(helper.all("ul")[1].find("li").length).toBe(2);
+        });
+    });
+});
@@ -24,7 +24,9 @@
   "auth.form.login": "Login / Email address",
   "auth.form.password": "Password",
   "auth.form.login_button": "Login",
+  "navbar.content_viewer_actions.new_item": "New Item",
   "navbar.content_viewer_actions.new_post": "New Post",
+  "navbar.content_viewer_actions.new_discussion": "New Discussion",
   "notification.error.default.message": "Something went wrong!",
   "notification.error.default.title": "Oops...",
   "notification.profile.not_found": "Page not found",
@@ -24,7 +24,9 @@
   "auth.form.login": "Login / Email",
   "auth.form.password": "Senha",
   "auth.form.login_button": "Login",
+  "navbar.content_viewer_actions.new_item": "Novo Item",
   "navbar.content_viewer_actions.new_post": "Novo Artigo",
+  "navbar.content_viewer_actions.new_discussion": "Nova Discussão",
   "notification.error.default.message": "Algo deu errado!",
   "notification.error.default.title": "Oops...",
   "notification.profile.not_found": "Página não encontrada",
1	<ul class="nav navbar-nav">	1	<ul class="nav navbar-nav">
2	- <li ng-show="vm.profile">
3	- <a ng-show="vm.parentId" href="#" role="button" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId})">
4	- <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" \| translate}}
5	- </a>
6	- </li>
7	- <li ng-show="vm.profile">
8	- <a href="#" role="button" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId, type: 'CommentParagraphPlugin::Discussion'})">
9	- <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" \| translate}}
10	- </a>
11	- </li>	2	+ <li class="dropdown profile-menu" uib-dropdown>
		3	+ <a class="btn dropdown-toggle" data-toggle="dropdown" uib-dropdown-toggle>
		4	+ {{"navbar.content_viewer_actions.new_item" \| translate}}
		5	+ <i class="fa fa-caret-down"></i>
		6	+ </a>
		7	+ <ul class="dropdown-menu" uib-dropdown-menu ng-show="vm.profile">
		8	+ <li ng-show="vm.parentId">
		9	+ <a href="#" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId})">
		10	+ <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_post" \| translate}}
		11	+ </a>
		12	+ </li>
		13	+ <li ng-show="vm.parentId">
		14	+ <a href="#" ui-sref="main.cms({profile: vm.profile.identifier, parent_id: vm.parentId, type: 'CommentParagraphPlugin::Discussion'})">
		15	+ <i class="fa fa-file fa-fw fa-lg"></i> {{"navbar.content_viewer_actions.new_discussion" \| translate}}
		16	+ </a>
		17	+ </li>
		18	+ </ul>
		19	+ </li>
		20	+
12	</ul>	21	</ul>
		22	+
@@ -0,0 +1,53 @@		@@ -0,0 +1,53 @@
	1	+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
	2	+import {Provider} from 'ng-forward';
	3	+import {ComponentTestHelper, createClass} from "./../../../spec/component-test-helper";
	4	+import {providers} from 'ng-forward/cjs/testing/providers';
	5	+import {ContentViewerActionsComponent} from '././content-viewer-actions.component';
	6	+import * as helpers from "../../../spec/helpers";
	7	+
	8	+const htmlTemplate: string = '<content-viewer-actions [article]="ctrl.article" [profile]="ctrl.profile"></content-viewer-actions>';
	9	+
	10	+describe("Components", () => {
	11	+
	12	+ describe("Content Viewer Actions Component", () => {
	13	+ let serviceMock = {
	14	+ getEnvironmentPeople: (filters: any): any => {
	15	+ return Promise.resolve([{ identifier: "person1" }]);
	16	+ }
	17	+ };
	18	+ let providers = [
	19	+ new Provider('ArticleService', { useValue: helpers.mocks.articleService }),
	20	+ new Provider('ProfileService', { useValue: helpers.mocks.profileService })
	21	+ ];
	22	+
	23	+ let helper: ComponentTestHelper<ContentViewerActionsComponent>;
	24	+
	25	+ beforeEach(angular.mock.module("templates"));
	26	+
	27	+ /**
	28	+ * The beforeEach procedure will initialize the helper and parse
	29	+ * the component according to the given providers. Unfortunetly, in
	30	+ * this mode, the providers and properties given to the construtor
	31	+ * can't be overriden.
	32	+ */
	33	+ beforeEach((done) => {
	34	+ // Create the component bed for the test. Optionally, this could be done
	35	+ // in each test if one needs customization of these parameters per test
	36	+ let cls = createClass({
	37	+ template: htmlTemplate,
	38	+ directives: [ContentViewerActionsComponent],
	39	+ providers: providers,
	40	+ properties: {}
	41	+ });
	42	+ helper = new ComponentTestHelper<ContentViewerActionsComponent>(cls, done);
	43	+ });
	44	+
	45	+ it("render the actions new item menu", () => {
	46	+ expect(helper.all("a[class\|='btn dropdown-toggle']")[0]).not.toBeNull();
	47	+ });
	48	+
	49	+ it("render two menu item actions", () => {
	50	+ expect(helper.all("ul")[1].find("li").length).toBe(2);
	51	+ });
	52	+ });
	53	+});