From aace22e5cac80ca33b0e2a462b6f0311a26ec7a9 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Tue, 27 Oct 2020 14:30:11 -0400
Subject: [PATCH] =?UTF-8?q?test:=20=F0=9F=92=8D=20add=20header=20scope=20n?=
 =?UTF-8?q?av=20tests?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/scopes/scope/-header-nav.hbs    | 14 +--
 ui/core/tests/acceptance/scopes-test.js       | 93 +++++++++++++++++++
 2 files changed, 98 insertions(+), 9 deletions(-)
 create mode 100644 ui/core/tests/acceptance/scopes-test.js

diff --git a/ui/core/app/templates/scopes/scope/-header-nav.hbs b/ui/core/app/templates/scopes/scope/-header-nav.hbs
index 02b952ec8..809ce6e32 100644
--- a/ui/core/app/templates/scopes/scope/-header-nav.hbs
+++ b/ui/core/app/templates/scopes/scope/-header-nav.hbs
@@ -7,16 +7,12 @@
       {{t "titles.global"}}
     </dropdown.link>
     <dropdown.separator />
-    {{#each this.scopes.orgs as |scope|}}
-      <dropdown.link @route="scopes.scope" @model={{scope.id}}>
-        {{scope.displayName}}
-      </dropdown.link>
-    {{/each}}
-  {{else}}
-    <dropdown.link @route="scopes.scope" @model={{this.model.id}}>
-      {{this.model.displayName}}
-    </dropdown.link>
   {{/if}}
+  {{#each this.scopes.orgs as |scope|}}
+    <dropdown.link @route="scopes.scope" @model={{scope.id}}>
+      {{scope.displayName}}
+    </dropdown.link>
+  {{/each}}
 </Rose::Dropdown>
 
 {{#if this.scopes.selectedProject}}
diff --git a/ui/core/tests/acceptance/scopes-test.js b/ui/core/tests/acceptance/scopes-test.js
new file mode 100644
index 000000000..d1d873a5c
--- /dev/null
+++ b/ui/core/tests/acceptance/scopes-test.js
@@ -0,0 +1,93 @@
+import { module, test } from 'qunit';
+import { visit, currentURL, click } from '@ember/test-helpers';
+import { setupApplicationTest } from 'ember-qunit';
+import setupMirage from 'ember-cli-mirage/test-support/setup-mirage';
+import a11yAudit from 'ember-a11y-testing/test-support/audit';
+import {
+  authenticateSession,
+  // These are left here intentionally for future reference.
+  //currentSession,
+  //invalidateSession,
+} from 'ember-simple-auth/test-support';
+
+module('Acceptance | scopes', function (hooks) {
+  setupApplicationTest(hooks);
+  setupMirage(hooks);
+
+  const instances = {
+    scopes: {
+      global: null,
+      org: null,
+      org2: null,
+      project: null,
+      project2: null,
+    }
+  };
+  const urls = {
+    globalScope: null,
+    orgScope: null,
+    org2Scope: null,
+    projectScope: null,
+    project2Scope: null,
+  };
+
+  hooks.beforeEach(function () {
+    instances.scopes.global = this.server.create('scope', { id: 'global' });
+    instances.scopes.org = this.server.create('scope', {
+      type: 'org',
+      scope: { id: 'global', type: 'global' },
+    });
+    instances.scopes.org2 = this.server.create('scope', {
+      type: 'org',
+      scope: { id: 'global', type: 'global' },
+    });
+    instances.scopes.project = this.server.create('scope', {
+      type: 'project',
+      scope: { id: instances.scopes.org.id, type: 'org' },
+    });
+    instances.scopes.project2 = this.server.create('scope', {
+      type: 'project',
+      scope: { id: instances.scopes.org.id, type: 'org' },
+    });
+    // Generate route URLs for resources
+    urls.globalScope = `/scopes/global`;
+    urls.orgScope = `/scopes/${instances.scopes.org.id}`;
+    urls.org2Scope = `/scopes/${instances.scopes.org2.id}`;
+    urls.projectScope = `/scopes/${instances.scopes.project.id}`;
+    urls.project2Scope = `/scopes/${instances.scopes.project2.id}`;
+    authenticateSession({});
+  });
+
+  test('visiting org scope', async function (assert) {
+    assert.expect(1);
+    await visit(urls.orgScope);
+    await a11yAudit();
+    assert.equal(currentURL(), urls.orgScope);
+  });
+
+  // NOTE:  In reality, we'd have a third "Global" item listed in the org
+  // dropdown.  But since the mock test authenticator bypasses the auth
+  // normalization step, the UI doesn't know it's authenticated with global
+  // and thus doesn't display the "Global" item in the org nav dropdown.
+  test('can navigate among org scopes via header navigation', async function (assert) {
+    assert.expect(3);
+    await visit(urls.globalScope);
+    await a11yAudit();
+    assert.equal(currentURL(), urls.globalScope);
+    await click('.rose-header-nav .rose-dropdown a:nth-child(1)');
+    assert.equal(currentURL(), urls.orgScope);
+    // In reality, there would be a third item in the list
+    await click('.rose-header-nav .rose-dropdown a:nth-child(2)');
+    assert.equal(currentURL(), urls.org2Scope);
+  });
+
+  test('can navigate among project scopes via header navigation', async function (assert) {
+    assert.expect(2);
+    await visit(urls.projectScope);
+    await a11yAudit();
+    assert.equal(currentURL(), urls.projectScope);
+    await click('.rose-header-nav .rose-dropdown + .rose-dropdown a:nth-child(2)');
+    assert.equal(currentURL(), urls.project2Scope);
+  });
+
+});