Wait for project bar visibility

Wait for the project bar to become visible before trying to click the
"Add to Project" dropdown. It uses `ng-show` instead of `ng-if`.

Author: spadgett

Diff for: test/integration/helpers.js

@@ -93,6 +93,12 @@ exports.waitForPresence = function(selector, elementText, timeout, callback) {
     });
 };
 
+var waitForVisibility = function(elem, timeout) {
+  return browser.wait(EC.visibilityOf(elem), timeout || 5000, 'Element not visible: ' + elem.locator().toString());
+};
+exports.waitForVisibility = waitForVisibility;
+
+
 exports.goToPage = function(uri) {
   return browser.get(uri).then(() => {
     return waitForUri(uri);

Diff for: test/integration/page-objects/overview.js

@@ -11,6 +11,9 @@ class OverviewPage extends Page {
     return 'project/' + this.project.name + '/overview';
   }
   clickAddToProject() {
+    // The project bar uses `ng-show` instead of `ng-if,` so make sure it's
+    // visible before continuing.
+    h.waitForVisibility(element(by.css('.project-bar')));
     let button = element(by.cssContainingText('.add-to-project .dropdown-toggle', 'Add to Project'));
     h.waitForElem(button);
     button.click();