vault/ui/tests/integration/components/shamir-flow-test.js
claire bontempo 76e742ba32
ui: HDS adoption replace <AlertBanner> component (#21375)
* UI: HDS adoption replace AlertBanner part 1 (#21163)

* rename test selector

* replace db banner

* add class

* replace db role edit

* db creds

* generate creds

* simpler class

* license banner component

* oidc callback plash

* raft

* aws

* secret create or update

* change to compact alert for form field

* change back to inline

* combine alert banners

* wrap in conditional

* remove references to message class

* UI: HDS adoption replace AlertBanner part 2 (#21243)

* token expire warning

* delete css

* edit form

* item details distribute mfa step 2 transit verify

* back to secondary

* distribute

* oidc lease error

* sign

* kv obj and repl dash

* more repl

* update test selector

* show, creds

* shamir

* pki csr

* pki banners

* add hds library to ember engines

* woops comma

* fix k8 test

* update message error component for last!

* hold off MessageError changes until next pr

* revert test selectors

* update pki tests

* UI: part 3 remove alert banner (#21334)

* final component swap

* and actual final of MessageError

* update MessageError selectors

* delete alert-banner and remove references

* update next step alerts to highlight color

* finishing touches, auth form test and client dashboard inline link

* fix more selectors

* fix shamir flow test

* ui: part 4 final cleanup (#21365)

* replace AlertPopup

* add test tag

* move tag

* one more message error tag

* delete alert popup

* final css cleanup

* move preformatted flash into <p> tag

* ui: address comments for sidebranch  (#21388)

* add periods, move link to trailing

* more periods and typo fix
2023-06-21 11:37:11 -07:00

109 lines
3.2 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
import { run } from '@ember/runloop';
import Service from '@ember/service';
import { resolve } from 'rsvp';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, click } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
const response = {
progress: 1,
required: 3,
complete: false,
};
const adapter = {
foo() {
return resolve(response);
},
};
const storeStub = Service.extend({
adapterFor() {
return adapter;
},
});
module('Integration | Component | shamir flow', function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
this.foo = function () {};
run(() => {
this.owner.unregister('service:store');
this.owner.register('service:store', storeStub);
this.storeService = this.owner.lookup('service:store');
});
});
test('it renders', async function (assert) {
await render(hbs`<ShamirFlow @formText="like whoa" />`);
assert.dom('form [data-test-form-text]').hasText('like whoa', 'renders formText inline');
await render(hbs`
<ShamirFlow @formText="like whoa">
<p>whoa again</p>
</ShamirFlow>
`);
assert.dom('.shamir-progress').doesNotExist('renders no progress bar for no progress');
assert.dom('form [data-test-form-text]').hasText('whoa again', 'renders the block, not formText');
await render(hbs`
<ShamirFlow @progress={{1}} @threshold={{5}} />
`);
assert.dom('.shamir-progress').hasText('1/5 keys provided', 'displays textual progress');
this.set('errors', ['first error', 'this is fine']);
await render(hbs`
<ShamirFlow @errors={{this.errors}} />
`);
assert.dom('[data-test-message-error]').exists({ count: 2 }, 'renders errors');
});
test('it sends data to the passed action', async function (assert) {
this.set('key', 'foo');
await render(hbs`
<ShamirFlow @key={{this.key}} @action="foo" @thresholdPath="required" />
`);
await click('[data-test-shamir-submit]');
assert
.dom('.shamir-progress')
.hasText(`${response.progress}/${response.required} keys provided`, 'displays the correct progress');
});
test('it checks onComplete to call onShamirSuccess', async function (assert) {
assert.expect(2);
this.set('key', 'foo');
this.set('onSuccess', function () {
assert.ok(true, 'onShamirSuccess called');
});
this.set('checkComplete', function () {
assert.ok(true, 'onComplete called');
// return true so we trigger success call
return true;
});
await render(hbs`
<ShamirFlow @key={{this.key}} @action="foo" @isComplete={{action this.checkComplete}} @onShamirSuccess={{action this.onSuccess}} />
`);
await click('[data-test-shamir-submit]');
});
test('it fetches progress on init when fetchOnInit is true', async function (assert) {
await render(hbs`
<ShamirFlow @action="foo" @fetchOnInit={{true}} />
`);
assert
.dom('.shamir-progress')
.hasText(`${response.progress}/${response.required} keys provided`, 'displays the correct progress');
});
});