[kbnTopNav] break out controller, allow implementors to pass it in

src/plugins/kibana/public/dashboard/index.js

@@ -2,7 +2,6 @@ import _ from 'lodash';
 import $ from 'jquery';
 import angular from 'angular';
 import chrome from 'ui/chrome';
-import 'ui/directives/kbn_top_nav';
 import 'ui/courier';
 import 'ui/config';
 import 'ui/notify';

src/ui/public/autoload/modules.js

@@ -1,6 +1,7 @@
 import 'angular';
 import 'ui/chrome';
 import 'ui/bind';
+import 'ui/kbn_top_nav';
 import 'ui/bound_to_config_obj';
 import 'ui/config';
 import 'ui/courier';

src/ui/public/chrome/directives/index.js

@@ -1,5 +1,3 @@
-import 'ui/directives/kbn_top_nav';
-
 import './app_switcher';
 import kbnChromeProv from './kbn_chrome';
 import kbnChromeNavControlsProv from './append_nav_controls';

src/ui/public/kbn_top_nav/__tests__/kbn_top_nav.js

@@ -0,0 +1,59 @@
+import ngMock from 'ng_mock';
+import expect from 'expect.js';
+import { assign, pluck } from 'lodash';
+import $ from 'jquery';
+
+import '../kbn_top_nav';
+import KbnTopNavControllerProvider from '../kbn_top_nav_controller';
+import navbarExtensionsRegistry from 'ui/registry/navbar_extensions';
+import Registry from 'ui/registry/_registry';
+import 'ui/navbar_extensions';
+
+describe('kbnTopNav directive', function () {
+  let build;
+  let KbnTopNavController;
+
+  beforeEach(ngMock.module('kibana'));
+  beforeEach(ngMock.inject(function ($compile, $rootScope, Private) {
+    KbnTopNavController = Private(KbnTopNavControllerProvider);
+
+    build = function (scopeVars = {}, attrs = {}) {
+      const $el = $('<kbn-top-nav name="foo">').attr(attrs);
+      const $scope = $rootScope.$new();
+      assign($scope, scopeVars);
+      $compile($el)($scope);
+      $scope.$digest();
+      return { $el, $scope };
+    };
+  }));
+
+  it('sets the proper functions on the kbnTopNav prop on scope', function () {
+    const { $scope } = build();
+    expect($scope.kbnTopNav.open).to.be.a(Function);
+    expect($scope.kbnTopNav.close).to.be.a(Function);
+    expect($scope.kbnTopNav.is).to.be.a(Function);
+    expect($scope.kbnTopNav.toggle).to.be.a(Function);
+  });
+
+  it('allows config at nested keys', function () {
+    const scopeVars = {
+      kbn: {
+        top: {
+          nav: [
+            { key: 'foo' }
+          ]
+        }
+      }
+    };
+
+    const { $scope } = build(scopeVars, { config: 'kbn.top.nav' });
+    const optKeys = pluck($scope.kbnTopNav.opts, 'key');
+    expect(optKeys).to.eql(['foo']);
+  });
+
+  it('uses the KbnTopNavController if passed via config attribute', function () {
+    const controller = new KbnTopNavController();
+    const { $scope } = build({ controller }, { config: 'controller' });
+    expect($scope.kbnTopNav).to.be(controller);
+  });
+});