Info table row typography (#12908)
* updates info table row value font * adds changelog * updates tests * attempts to fix flaky mount-secret-backend acceptance test
This commit is contained in:
parent
bfde3eddbc
commit
d098bb19f1
|
@ -0,0 +1,3 @@
|
||||||
|
```release-note:improvement
|
||||||
|
ui: Updates font for table row value fields
|
||||||
|
```
|
|
@ -55,7 +55,7 @@
|
||||||
@horizontalPosition="left"
|
@horizontalPosition="left"
|
||||||
as |T|>
|
as |T|>
|
||||||
<T.trigger @tabindex=false>
|
<T.trigger @tabindex=false>
|
||||||
<code class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</code>
|
<span class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</span>
|
||||||
</T.trigger>
|
</T.trigger>
|
||||||
<T.content @class="tool-tip">
|
<T.content @class="tool-tip">
|
||||||
<CopyButton
|
<CopyButton
|
||||||
|
@ -73,7 +73,7 @@
|
||||||
</T.content>
|
</T.content>
|
||||||
</ToolTip>
|
</ToolTip>
|
||||||
{{else}}
|
{{else}}
|
||||||
<code class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</code>
|
<span class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
|
@ -128,7 +128,7 @@ module('Acceptance | settings/mount-secret-backend', function(hooks) {
|
||||||
`write sys/policies/acl/kv-v2-degrade policy=${btoa(V2_POLICY)}`,
|
`write sys/policies/acl/kv-v2-degrade policy=${btoa(V2_POLICY)}`,
|
||||||
'write -field=client_token auth/token/create policies=kv-v2-degrade',
|
'write -field=client_token auth/token/create policies=kv-v2-degrade',
|
||||||
]);
|
]);
|
||||||
|
await settled();
|
||||||
let userToken = consoleComponent.lastLogOutput;
|
let userToken = consoleComponent.lastLogOutput;
|
||||||
await logout.visit();
|
await logout.visit();
|
||||||
await authPage.login(userToken);
|
await authPage.login(userToken);
|
||||||
|
|
|
@ -47,8 +47,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
|
||||||
/>`);
|
/>`);
|
||||||
|
|
||||||
assert.dom('[data-test-component="info-table-row"]').exists();
|
assert.dom('[data-test-component="info-table-row"]').exists();
|
||||||
let string = document.querySelector('code').textContent;
|
assert.dom('[data-test-row-value]').hasText(VALUE, 'renders value as passed through');
|
||||||
assert.equal(string, VALUE, 'renders value as passed through');
|
|
||||||
|
|
||||||
this.set('value', '');
|
this.set('value', '');
|
||||||
assert
|
assert
|
||||||
|
@ -101,8 +100,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
|
||||||
@label={{label}}
|
@label={{label}}
|
||||||
@isLink={{true}}
|
@isLink={{true}}
|
||||||
/>`);
|
/>`);
|
||||||
let string = document.querySelector('code').textContent;
|
assert.dom('[data-test-row-value]').hasText(VALUE, 'renders value in code element and not in a tag');
|
||||||
assert.equal(string, VALUE, 'renders value in code element and not in a tag');
|
|
||||||
});
|
});
|
||||||
|
|
||||||
test('it renders links if isLink is true and type is array', async function(assert) {
|
test('it renders links if isLink is true and type is array', async function(assert) {
|
||||||
|
|
Loading…
Reference in New Issue