+ {{#if @model.directLoginLink}}
+
+
+
+ {{/if}}
{{#each @model.attrs as |attr|}}
{{#if (eq attr.type "object")}}
{{! TODO: update href with tutorial link }}
{{! }}
diff --git a/ui/tests/acceptance/settings/auth/enable-test.js b/ui/tests/acceptance/settings/auth/enable-test.js
index 48c4b18719..f988b5c928 100644
--- a/ui/tests/acceptance/settings/auth/enable-test.js
+++ b/ui/tests/acceptance/settings/auth/enable-test.js
@@ -59,6 +59,9 @@ module('Acceptance | settings/auth/enable', function (hooks) {
.dom(GENERAL.infoRowValue('Default Lease TTL'))
.hasText('1 month 1 day', 'shows system default TTL');
assert.dom(GENERAL.infoRowValue('Max Lease TTL')).hasText('1 month 1 day', 'shows the proper max TTL');
+ assert
+ .dom(GENERAL.infoRowValue('UI login link'))
+ .doesNotExist('Login link does not render for unsupported methods');
// check edit form TTL values
await click('[data-test-configure-link]');
@@ -68,4 +71,18 @@ module('Acceptance | settings/auth/enable', function (hooks) {
// cleanup
await runCmd(deleteAuthCmd(path));
});
+
+ test('it renders direct login link for supported method', async function (assert) {
+ const path = `oidc-config-${this.uid}`;
+ const type = 'oidc';
+ await visit('/vault/settings/auth/enable');
+ await mountBackend(type, path);
+ await click(GENERAL.breadcrumbAtIdx(1));
+ assert
+ .dom(GENERAL.infoRowValue('UI login link'))
+ .hasText(`${window.origin}/ui/vault/auth?with=${path}%2F`);
+
+ // cleanup
+ await runCmd(deleteAuthCmd(path));
+ });
});
diff --git a/ui/tests/integration/components/auth-method/configuration-test.js b/ui/tests/integration/components/auth-method/configuration-test.js
new file mode 100644
index 0000000000..76b4f80bed
--- /dev/null
+++ b/ui/tests/integration/components/auth-method/configuration-test.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+import { GENERAL } from 'vault/tests/helpers/general-selectors';
+
+module('Integration | Component | auth-method/configuration', function (hooks) {
+ setupRenderingTest(hooks);
+
+ hooks.beforeEach(function () {
+ this.store = this.owner.lookup('service:store');
+ this.createModel = (path, type) => {
+ this.model = this.store.createRecord('auth-method', { path, type });
+ this.model.set('config', this.store.createRecord('mount-config'));
+ };
+ this.renderComponent = async () => await render(hbs``);
+ });
+
+ test('it renders direct link for supported method', async function (assert) {
+ this.createModel('token/', 'token');
+ await this.renderComponent();
+ assert.dom(GENERAL.infoRowValue('UI login link')).hasText(`${window.origin}/ui/vault/auth?with=token%2F`);
+ });
+
+ test('it does not render direct link for unsupported method', async function (assert) {
+ this.createModel('my-approle/', 'approle');
+ await this.renderComponent();
+ assert.dom(GENERAL.infoRowValue('UI login link')).doesNotExist();
+ });
+
+ test('it renders direct link if within a namespace', async function (assert) {
+ this.owner.lookup('service:namespace').set('path', 'foo/bar');
+ this.createModel('token/', 'token');
+ await this.renderComponent();
+ assert
+ .dom(GENERAL.infoRowValue('UI login link'))
+ .hasText(`${window.origin}/ui/vault/auth?namespace=foo%2Fbar&with=token%2F`);
+ });
+});