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:
Jordan Reimer 2021-10-22 15:16:02 -06:00 committed by GitHub
parent bfde3eddbc
commit d098bb19f1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 7 deletions

3
changelog/12908.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:improvement
ui: Updates font for table row value fields
```

View File

@ -55,7 +55,7 @@
@horizontalPosition="left"
as |T|>
<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.content @class="tool-tip">
<CopyButton
@ -73,7 +73,7 @@
</T.content>
</ToolTip>
{{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}}

View File

@ -128,7 +128,7 @@ module('Acceptance | settings/mount-secret-backend', function(hooks) {
`write sys/policies/acl/kv-v2-degrade policy=${btoa(V2_POLICY)}`,
'write -field=client_token auth/token/create policies=kv-v2-degrade',
]);
await settled();
let userToken = consoleComponent.lastLogOutput;
await logout.visit();
await authPage.login(userToken);

View File

@ -47,8 +47,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
/>`);
assert.dom('[data-test-component="info-table-row"]').exists();
let string = document.querySelector('code').textContent;
assert.equal(string, VALUE, 'renders value as passed through');
assert.dom('[data-test-row-value]').hasText(VALUE, 'renders value as passed through');
this.set('value', '');
assert
@ -101,8 +100,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
@label={{label}}
@isLink={{true}}
/>`);
let string = document.querySelector('code').textContent;
assert.equal(string, VALUE, 'renders value in code element and not in a tag');
assert.dom('[data-test-row-value]').hasText(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) {