bar.coffee

define ["exports"], (exports) ->
  breadcrumbBarAlias = "web-workspace-breadcrumbbar"
  breadcrumbBarItemAlias = "web-container-breadcrumbitem"
  exports.navigateTo = (areaName) ->
    chain.start(-> browser.waitAndSelectComponent breadcrumbBarAlias)
    .then((breadcrumbBar) ->
      itemWithArea = null
      breadcrumbBarItems = breadcrumbBar.query(breadcrumbBarItemAlias)
      breadcrumbBarItems.forEach (item) ->
        item.menuItems.some (menuItem) ->
          if menuItem.text is areaName
            itemWithArea = item
            return true
          false

        return

      throw "Could not find a direct navigation path to: " + areaName  unless itemWithArea
      menuButton = itemWithArea.query("button")[0]
      menuButtonDom = menuButton.getEl().dom
      Simulate.click menuButtonDom
    )
     .then(-> browser.waitAndSelectComponent "menuitem[text=\"" + areaName + "\"]")
     .then (menuItem) ->
      Simulate.click menuItem.getEl().dom
      areaName

bar.js

define(['exports'], function (exports) {
    'use strict';

    var breadcrumbBarAlias = 'web-workspace-breadcrumbbar',
        breadcrumbBarItemAlias = 'web-container-breadcrumbitem';

    exports.navigateTo = function (areaName) {
        return chain
            .start(function () {
                return browser.waitAndSelectComponent(breadcrumbBarAlias);
            })
            .then(function (breadcrumbBar) {
                var breadcrumbBarItems,
                    itemWithArea,
                    menuButton,
                    menuButtonDom;

                breadcrumbBarItems = breadcrumbBar.query(breadcrumbBarItemAlias);

                breadcrumbBarItems.forEach(function (item) {
                    item.menuItems.some(function (menuItem) {
                        if (menuItem.text === areaName) {
                            itemWithArea = item;
                            return true;
                        }
                        return false;
                    });
                });

                if (!itemWithArea) {
                    throw 'Could not find a direct navigation path to: ' + areaName;
                }

                menuButton = itemWithArea.query('button')[0];
                menuButtonDom = menuButton.getEl().dom;
                Simulate.click(menuButtonDom);

            })
            .then(function () {
                return browser.waitAndSelectComponent('menuitem[text="' + areaName + '"]');
            })
            .then(function (menuItem) {
                Simulate.click(menuItem.getEl().dom);

                return areaName;
            });
    };

});