scottk/vault
1
0
Fork 0
mirror of https://github.com/optim-enterprises-bv/vault.git synced 2025-11-01 02:57:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change tooltip for token_bound_certs and glimmerize string-list component (#15852)

Browse Source 
* wip

* wip

* glimmerization done?

* fix tests

* tooltip and test

* changelog

* clean up

* cleanup

* cleanup
This commit is contained in:
Angel Garbarino
2022-06-07 12:15:25 -07:00
committed by GitHub
parent 06c56355b5
commit fc20910ee7
7 changed files with 169 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
ui/tests/integration/components/string-list-test.js
View File

@@ -1,11 +1,16 @@
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, click, fillIn, triggerKeyEvent } from '@ember/test-helpers';
import { render, click, fillIn, triggerKeyEvent, triggerEvent } from '@ember/test-helpers';
import sinon from 'sinon';
import hbs from 'htmlbars-inline-precompile';
module('Integration | Component | string list', function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
this.spy = sinon.spy();
});
const assertBlank = function (assert) {
assert.dom('[data-test-string-list-input]').exists({ count: 1 }, 'renders 1 input');
assert.dom('[data-test-string-list-input]').hasValue('', 'the input is blank');
@@ -26,56 +31,55 @@ module('Integration | Component | string list', function (hooks) {
test('it renders the label', async function (assert) {
assert.expect(4);
await render(hbs`{{string-list label="foo"}}`);
await render(hbs`<StringList @label="foo" @onChange={{this.spy}} />`);
assert.dom('[data-test-string-list-label]').hasText('foo', 'renders the label when provided');
await render(hbs`{{string-list}}`);
await render(hbs`<StringList />`);
assert.dom('[data-test-string-list-label]').doesNotExist('does not render the label');
assertBlank(assert);
});
test('it renders inputValue from empty string', async function (assert) {
assert.expect(2);
await render(hbs`{{string-list inputValue=""}}`);
await render(hbs`<StringList @inputValue="" />`);
assertBlank(assert);
});
test('it renders inputValue from string with one value', async function (assert) {
assert.expect(3);
await render(hbs`{{string-list inputValue="foo"}}`);
await render(hbs`<StringList @inputValue="foo" />`);
assertFoo(assert);
});
test('it renders inputValue from comma-separated string', async function (assert) {
assert.expect(4);
await render(hbs`{{string-list inputValue="foo,bar"}}`);
await render(hbs`<StringList @inputValue="foo,bar" />`);
assertFooBar(assert);
});
test('it renders inputValue from a blank array', async function (assert) {
assert.expect(2);
this.set('inputValue', []);
await render(hbs`{{string-list inputValue=inputValue}}`);
await render(hbs`<StringList @inputValue={{inputValue}} />`);
assertBlank(assert);
});
test('it renders inputValue array with a single item', async function (assert) {
assert.expect(3);
this.set('inputValue', ['foo']);
await render(hbs`{{string-list inputValue=inputValue}}`);
await render(hbs`<StringList @inputValue={{inputValue}} />`);
assertFoo(assert);
});
test('it renders inputValue array with a multiple items', async function (assert) {
assert.expect(4);
this.set('inputValue', ['foo', 'bar']);
await render(hbs`{{string-list inputValue=inputValue}}`);
await render(hbs`<StringList @inputValue={{inputValue}} />`);
assertFooBar(assert);
});
test('it adds a new row only when the last row is not blank', async function (assert) {
assert.expect(5);
await render(hbs`{{string-list inputValue=""}}`);
await render(hbs`<StringList @inputValue="" @onChange={{this.spy}}/>`);
await click('[data-test-string-list-button="add"]');
assertBlank(assert);
await fillIn('[data-test-string-list-input="0"]', 'foo');
@@ -85,7 +89,7 @@ module('Integration | Component | string list', function (hooks) {
});
test('it trims input values', async function (assert) {
await render(hbs`{{string-list inputValue=""}}`);
await render(hbs`<StringList @inputValue="" @onChange={{this.spy}}/>`);
await fillIn('[data-test-string-list-input="0"]', 'foo');
await triggerKeyEvent('[data-test-string-list-input="0"]', 'keyup', 14);
assert.dom('[data-test-string-list-input="0"]').hasValue('foo');
@@ -97,7 +101,7 @@ module('Integration | Component | string list', function (hooks) {
this.set('onChange', function (val) {
assert.deepEqual(val, ['foo', 'bar'], 'calls onChange with expected value');
});
await render(hbs`{{string-list inputValue=inputValue onChange=(action onChange)}}`);
await render(hbs`<StringList @inputValue={{inputValue}} @onChange={{onChange}} />`);
await fillIn('[data-test-string-list-input="1"]', 'bar');
await triggerKeyEvent('[data-test-string-list-input="1"]', 'keyup', 14);
});
@@ -108,7 +112,7 @@ module('Integration | Component | string list', function (hooks) {
this.set('onChange', function (val) {
assert.equal(val, 'foo,bar', 'calls onChange with expected value');
});
await render(hbs`{{string-list inputValue=inputValue onChange=(action onChange)}}`);
await render(hbs`<StringList @inputValue={{inputValue}} @onChange={{onChange}}/>`);
await fillIn('[data-test-string-list-input="1"]', 'bar');
await triggerKeyEvent('[data-test-string-list-input="1"]', 'keyup', 14);
});
@@ -119,11 +123,23 @@ module('Integration | Component | string list', function (hooks) {
this.set('onChange', function (val) {
assert.equal(val, 'bar', 'calls onChange with expected value');
});
await render(hbs`{{string-list inputValue=inputValue onChange=(action onChange)}}`);
await render(hbs`<StringList @inputValue={{inputValue}} @onChange={{onChange}} />`);
await click('[data-test-string-list-row="0"] [data-test-string-list-button="delete"]');
assert.dom('[data-test-string-list-input]').exists({ count: 2 }, 'renders 2 inputs');
assert.dom('[data-test-string-list-input="0"]').hasValue('bar');
assert.dom('[data-test-string-list-input="1"]').hasValue('');
});
test('it replaces helpText if name is tokenBoundCidrs', async function (assert) {
assert.expect(1);
await render(hbs`<StringList @label={{'blah'}} @helpText={{'blah'}} @attrName={{'tokenBoundCidrs'}} />`);
let tooltipTrigger = document.querySelector('[data-test-tool-tip-trigger]');
await triggerEvent(tooltipTrigger, 'mouseenter');
assert
.dom('[data-test-info-tooltip-content]')
.hasText(
'Specifies the blocks of IP addresses which are allowed to use the generated token. One entry per row.'
);
});
});