mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-11-21 01:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(components): [badge] complete test cases (#17628)

Browse Source
This commit is contained in:
chouchouji 2024-07-24 13:39:19 +08:00 committed by GitHub
parent 213b489c29
commit ff5ba6a764
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/components/badge/__tests__/badge.test.tsx
View File

@ -94,4 +94,43 @@ describe('Badge', () => {
await nextTick()
expect(wrapper.find('.el-badge__content').text()).toEqual('-1+')
})
test('color', () => {
const badgeValue = ref(20)
const wrapper = mount(() => <Badge value={badgeValue.value} color="blue" />)
expect(wrapper.find('.el-badge__content').attributes('style')).toContain(
'background-color: blue'
)
})
test('badgeStyle', () => {
const badgeValue = ref(20)
const wrapper = mount(() => (
<Badge value={badgeValue.value} badgeStyle={{ background: 'blue' }} />
))
expect(wrapper.find('.el-badge__content').attributes('style')).toContain(
'background: blue'
)
})
test('badgeClass', () => {
const badgeValue = ref(20)
const wrapper = mount(() => (
<Badge value={badgeValue.value} badgeClass="test-badge-class" />
))
expect(wrapper.find('.test-badge-class').exists()).toBe(true)
})
test('offset', () => {
const badgeValue = ref(20)
const wrapper = mount(() => (
<Badge value={badgeValue.value} offset={[10, 10]} />
))
expect(wrapper.find('.el-badge__content').attributes('style')).toContain(
'margin-right: -10px'
)
expect(wrapper.find('.el-badge__content').attributes('style')).toContain(
'margin-top: 10px'
)
})
})