fixed test for pending animation icon

This commit is contained in:
ogerly 2022-04-03 13:02:53 +02:00
parent f1555b4a27
commit 2f6ed90f15
2 changed files with 6 additions and 3 deletions

View File

@ -26,8 +26,8 @@ describe('Status', () => {
}) })
describe('balance is pending', () => { describe('balance is pending', () => {
it('it displays an en-dash', () => { it('it displays an animation icon test-pending-icon', () => {
expect(wrapper.find('div.gdd-status-div').text()).toEqual('em-dash GDD') expect(wrapper.find('.test-pending-icon').exists()).toBe(true)
}) })
}) })
@ -37,6 +37,9 @@ describe('Status', () => {
pending: false, pending: false,
}) })
}) })
it('it no displays an animation icon test-pending-icon', () => {
expect(wrapper.find('.test-pending-icon').exists()).toBe(false)
})
it('it displays the ammount of GDD', () => { it('it displays the ammount of GDD', () => {
expect(wrapper.find('div.gdd-status-div').text()).toEqual('1234 GDD') expect(wrapper.find('div.gdd-status-div').text()).toEqual('1234 GDD')

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="gdd-status"> <div class="gdd-status">
<div class="p-0 gdd-status-div"> <div class="p-0 gdd-status-div">
<b-icon v-if="pending" icon="three-dots" animation="cylon"></b-icon> <b-icon v-if="pending" icon="three-dots" animation="cylon" class="test-pending-icon"></b-icon>
<div v-else> <div v-else>
{{ pending || balance === null ? $t('em-dash') : $n(balance, 'decimal') }} {{ statusText }} {{ pending || balance === null ? $t('em-dash') : $n(balance, 'decimal') }} {{ statusText }}
</div> </div>