diff --git a/ui/tests/helpers/general-selectors.js b/ui/tests/helpers/general-selectors.js
index 4a4641f410..ea736f61e0 100644
--- a/ui/tests/helpers/general-selectors.js
+++ b/ui/tests/helpers/general-selectors.js
@@ -44,8 +44,14 @@ export const SELECTORS = {
infoRowLabel: (label) => `[data-test-row-label="${label}"]`,
infoRowValue: (label) => `[data-test-value-div="${label}"]`,
inputByAttr: (attr) => `[data-test-input="${attr}"]`,
+ selectByAttr: (attr) => `[data-test-select="${attr}"]`,
fieldByAttr: (attr) => `[data-test-field="${attr}"]`,
enableField: (attr) => `[data-test-enable-field="${attr}"] button`,
+ ttl: {
+ toggle: (attr) => `[data-test-toggle-label="${attr}"]`,
+ input: (attr) => `[data-test-ttl-value="${attr}"]`,
+ },
+
validation: (attr) => `[data-test-field-validation=${attr}]`,
validationWarning: (attr) => `[data-test-validation-warning=${attr}]`,
messageError: '[data-test-message-error]',
diff --git a/ui/tests/integration/components/auth-config-form/options-test.js b/ui/tests/integration/components/auth-config-form/options-test.js
index f267dad0f1..9376516149 100644
--- a/ui/tests/integration/components/auth-config-form/options-test.js
+++ b/ui/tests/integration/components/auth-config-form/options-test.js
@@ -3,56 +3,73 @@
* SPDX-License-Identifier: BUSL-1.1
*/
-import { resolve } from 'rsvp';
-import EmberObject from '@ember/object';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
-import { render, settled } from '@ember/test-helpers';
+import { setupMirage } from 'ember-cli-mirage/test-support';
+import { click, fillIn, render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
-import sinon from 'sinon';
-import { create } from 'ember-cli-page-object';
-import authConfigForm from 'vault/tests/pages/components/auth-config-form/options';
-
-const component = create(authConfigForm);
+import { SELECTORS } from 'vault/tests/helpers/general-selectors';
module('Integration | Component | auth-config-form options', function (hooks) {
setupRenderingTest(hooks);
+ setupMirage(hooks);
hooks.beforeEach(function () {
this.owner.lookup('service:flash-messages').registerTypes(['success']);
this.router = this.owner.lookup('service:router');
+ this.store = this.owner.lookup('service:store');
+ this.path = 'my-auth-method/';
+ this.model = this.store.createRecord('auth-method', { path: this.path, type: 'approle' });
+ this.model.set('config', this.store.createRecord('mount-config'));
+ });
+
+ test('it submits data correctly', async function (assert) {
+ assert.expect(2);
this.router.reopen({
transitionTo() {
return {
followRedirects() {
- return resolve();
+ assert.ok('calls transitionTo on save');
},
};
},
- replaceWith() {
- return resolve();
- },
});
- });
- test('it submits data correctly', async function (assert) {
- assert.expect(1);
- const model = EmberObject.create({
- tune() {
- return resolve();
- },
- config: {
- serialize() {
- return {};
+ this.server.post(`sys/mounts/auth/${this.path}/tune`, (schema, req) => {
+ const payload = JSON.parse(req.requestBody);
+ const expected = {
+ default_lease_ttl: '30s',
+ listing_visibility: 'unauth',
+ user_lockout_config: {
+ lockout_threshold: '7',
+ lockout_duration: '600s',
+ lockout_counter_reset: '5s',
+ lockout_disable: true,
},
- },
+ };
+ assert.propEqual(payload, expected, 'payload contains tune parameters');
+ return { payload };
});
- sinon.spy(model.config, 'serialize');
- this.set('model', model);
await render(hbs`
`);
- component.save();
- return settled().then(() => {
- assert.strictEqual(model.config.serialize.callCount, 1, 'config serialize was called once');
- });
+
+ await click(SELECTORS.inputByAttr('config.listingVisibility'));
+
+ await click(SELECTORS.ttl.toggle('Default Lease TTL'));
+ await fillIn(SELECTORS.ttl.input('Default Lease TTL'), '30');
+
+ await fillIn(SELECTORS.inputByAttr('config.lockoutThreshold'), '7');
+
+ await click(SELECTORS.ttl.toggle('Lockout duration'));
+ await fillIn(SELECTORS.ttl.input('Lockout duration'), '10');
+ await fillIn(
+ `${SELECTORS.inputByAttr('config.lockoutDuration')} ${SELECTORS.selectByAttr('ttl-unit')}`,
+ 'm'
+ );
+ await click(SELECTORS.ttl.toggle('Lockout counter reset'));
+ await fillIn(SELECTORS.ttl.input('Lockout counter reset'), '5');
+
+ await click(SELECTORS.inputByAttr('config.lockoutDisable'));
+
+ await click('[data-test-save-config]');
});
});
diff --git a/ui/tests/pages/components/auth-config-form/options.js b/ui/tests/pages/components/auth-config-form/options.js
deleted file mode 100644
index ecf77082d0..0000000000
--- a/ui/tests/pages/components/auth-config-form/options.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-import { clickable, fillable } from 'ember-cli-page-object';
-
-import fields from '../form-field';
-export default {
- ...fields,
- ttlValue: fillable('[data-test-ttl-value]'),
- ttlUnit: fillable('[data-test-ttl-value]'),
- save: clickable('[data-test-save-config]'),
-};