diff --git a/src/app/article/content-viewer/navbar-actions.html b/src/app/article/content-viewer/navbar-actions.html
index 30b310f..6b8d64d 100644
--- a/src/app/article/content-viewer/navbar-actions.html
+++ b/src/app/article/content-viewer/navbar-actions.html
@@ -1,12 +1,22 @@
 <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>
+
diff --git a/src/app/article/content-viewer/navbar-actions.spec.ts b/src/app/article/content-viewer/navbar-actions.spec.ts
new file mode 100644
index 0000000..8506fea
--- /dev/null
+++ b/src/app/article/content-viewer/navbar-actions.spec.ts
@@ -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);
+        });
+    });
+});
diff --git a/src/languages/en.json b/src/languages/en.json
index d30aaa1..76e2a10 100644
--- a/src/languages/en.json
+++ b/src/languages/en.json
@@ -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",
diff --git a/src/languages/pt.json b/src/languages/pt.json
index 09d9562..c16c8ec 100644
--- a/src/languages/pt.json
+++ b/src/languages/pt.json
@@ -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",
--
libgit2 0.21.2