mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-07 13:48:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(button): optimization button test (#287)

Browse Source
This commit is contained in:
XieZongChen 2021-06-24 16:01:49 +08:00 committed by GitHub
parent 870386ee38
commit 252eea4f91
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/button/tests/Button.spec.tsx
View File

@ -157,19 +157,31 @@ describe('n-button', () => {
})
}
})
const circleReg =
/^(?=.*--width: 34px;)(?=.*--padding: initial;)(?=.*--border-radius: 34px;).*$/im
expect(wrapper.find('button').attributes('style')).toMatch(circleReg)
const circleStyle = [
'--width: 34px;',
'--padding: initial;',
'--border-radius: 34px;'
]
let buttonStyle = wrapper.find('button').attributes('style')
expect(circleStyle.every((i) => buttonStyle.includes(i))).toBe(true)
await wrapper.setProps({ circle: false, round: true })
const roundReg =
/^(?=.*--width: initial;)(?=.*--padding: 0 18px;)(?=.*--border-radius: 34px;).*$/im
expect(wrapper.find('button').attributes('style')).toMatch(roundReg)
const roundStyle = [
'--width: initial;',
'--padding: 0 18px;',
'--border-radius: 34px;'
]
buttonStyle = wrapper.find('button').attributes('style')
expect(roundStyle.every((i) => buttonStyle.includes(i))).toBe(true)
await wrapper.setProps({ circle: false, round: false })
const defaultReg =
/^(?=.*--width: initial;)(?=.*--padding: 0 14px;)(?=.*--border-radius: 3px;).*$/im
expect(wrapper.find('button').attributes('style')).toMatch(defaultReg)
const defaultStyle = [
'--width: initial;',
'--padding: 0 14px;',
'--border-radius: 3px;'
]
buttonStyle = wrapper.find('button').attributes('style')
expect(defaultStyle.every((i) => buttonStyle.includes(i))).toBe(true)
})
it('should work with `ghost` prop', () => {
@ -212,9 +224,13 @@ describe('n-button', () => {
})
expect(wrapper.find('button').classes()).toContain('n-button--color')
const reg =
/^(?=.*--color: #8a2be2;)(?=.*--color-disabled: #8a2be2;)(?=.*--ripple-color: #8a2be2;).*$/im
expect(wrapper.find('button').attributes('style')).toMatch(reg)
const colorStyle = [
'--color: #8a2be2;',
'--color-disabled: #8a2be2;',
'--ripple-color: #8a2be2;'
]
const buttonStyle = wrapper.find('button').attributes('style')
expect(colorStyle.every((i) => buttonStyle.includes(i))).toBe(true)
})
it('should work with `button group`', async () => {