settings/tokens: Allow alt+click to navigate to new token creation page

Author: Turbo87

app/components/settings/api-tokens.js

@@ -8,15 +8,20 @@ import { task } from 'ember-concurrency';
 export default class ApiTokens extends Component {
   @service store;
   @service notifications;
+  @service router;
 
   @tracked newToken;
 
   get sortedTokens() {
     return this.args.tokens.filter(t => !t.isNew).sort((a, b) => (a.created_at < b.created_at ? 1 : -1));
   }
 
-  @action startNewToken() {
-    this.newToken = this.store.createRecord('api-token');
+  @action startNewToken(event) {
+    if (event.altKey) {
+      this.router.transitionTo('settings.tokens.new');
+    } else {
+      this.newToken = this.store.createRecord('api-token');
+    }
   }
 
   saveTokenTask = task(async () => {

tests/routes/settings/tokens/new-test.js

@@ -23,6 +23,23 @@ module('/settings/tokens/new', function (hooks) {
     context.authenticateAs(user);
   }
 
+  test('can navigate to the route', async function (assert) {
+    prepare(this);
+
+    await visit('/');
+    assert.strictEqual(currentURL(), '/');
+
+    await click('[data-test-user-menu] [data-test-toggle]');
+    await click('[data-test-user-menu] [data-test-settings]');
+    assert.strictEqual(currentURL(), '/settings/profile');
+
+    await click('[data-test-settings-menu] [data-test-tokens] a');
+    assert.strictEqual(currentURL(), '/settings/tokens');
+
+    await click('[data-test-new-token-button]', { altKey: true });
+    assert.strictEqual(currentURL(), '/settings/tokens/new');
+  });
+
   test('access is blocked if unauthenticated', async function (assert) {
     await visit('/settings/tokens/new');
     assert.strictEqual(currentURL(), '/settings/tokens/new');