ui: fix empty tooltip rendering when no creation time (#19971)

* fix empty tooltip for no creation time

* remove extra space
This commit is contained in:
claire bontempo
2023-04-04 10:31:49 -06:00
committed by GitHub
parent a19322d575
commit 40b57ed189
3 changed files with 15 additions and 12 deletions

View File

@@ -46,17 +46,19 @@
Value Value
</div> </div>
<div class="th column justify-right" data-test-created-time> <div class="th column justify-right" data-test-created-time>
<ToolTip @verticalPosition="above" @horizontalPosition="center" as |T|> {{#if @modelForData.createdTime}}
<T.Trigger data-test-tooltip-trigger tabindex="-1" data-test-created-time> <ToolTip @verticalPosition="above" @horizontalPosition="center" as |T|>
Version created <T.Trigger data-test-tooltip-trigger tabindex="-1">
{{date-format @modelForData.createdTime "MMM dd, yyyy hh:mm a"}} Version created
</T.Trigger> {{date-format @modelForData.createdTime "MMM dd, yyyy hh:mm a"}}
<T.Content @defaultClass="tool-tip smaller-font"> </T.Trigger>
<div class="box" data-test-hover-copy-tooltip-text> <T.Content @defaultClass="tool-tip smaller-font">
{{@modelForData.createdTime}} <div class="box" data-test-hover-copy-tooltip-text>
</div> {{@modelForData.createdTime}}
</T.Content> </div>
</ToolTip> </T.Content>
</ToolTip>
{{/if}}
</div> </div>
</div> </div>
</div> </div>

View File

@@ -46,6 +46,7 @@ module('Acceptance | secrets/cubbyhole/create', function (hooks) {
'vault.cluster.secrets.backend.show', 'vault.cluster.secrets.backend.show',
'redirects to the show page' 'redirects to the show page'
); );
assert.dom('[data-test-created-time]').hasText('', 'it does not render created time if blank');
assert.ok(showPage.editIsPresent, 'shows the edit button'); assert.ok(showPage.editIsPresent, 'shows the edit button');
}); });
}); });

View File

@@ -290,7 +290,7 @@ module('Acceptance | secrets/secret/create, read, delete', function (hooks) {
await editPage.createSecret(secretPath, 'foo', 'bar'); await editPage.createSecret(secretPath, 'foo', 'bar');
await click('[data-test-popup-menu-trigger="version"]'); await click('[data-test-popup-menu-trigger="version"]');
assert.dom('[ data-test-created-time]').includesText('Version created ', 'shows version created time'); assert.dom('[data-test-created-time]').includesText('Version created ', 'shows version created time');
await click('[data-test-version-history]'); await click('[data-test-version-history]');