mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(components): [el-color-picker] hex color with transparency (#4180)

Browse Source
This commit is contained in:
Alan Wang 2021-11-03 18:50:26 +08:00 committed by GitHub
parent a18f4c8f81
commit b68e90200e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/components/color-picker/__tests__/color-picker.spec.ts
View File

@ -61,6 +61,21 @@ describe('Color-picker', () => {
expect(input.value.trim().toUpperCase()).toEqual('#20A0FF')
wrapper.unmount()
})
it('should show correct hex value contains alpha', async () => {
const wrapper = _mount(
`<el-color-picker v-model="color" color-format="hex" show-alpha></el-color-picker>`,
() => ({
color: '#20A0FFEE',
})
)
await wrapper.find('.el-color-picker__trigger').trigger('click')
await nextTick()
const input = document.querySelector<HTMLInputElement>(
'.el-color-dropdown__value input'
)
expect(input.value.trim().toUpperCase()).toEqual('#20A0FFEE')
wrapper.unmount()
})
it('should pick a color when confirm button click', async () => {
const wrapper = _mount(
`<el-color-picker v-model="color"></el-color-picker>`,
@ -75,7 +90,20 @@ describe('Color-picker', () => {
expect(wrapper.vm.color).toEqual('#FF0000')
wrapper.unmount()
})
it('should pick a color contains alpha when confirm button click', async () => {
const wrapper = _mount(
`<el-color-picker v-model="color" color-format="hex" show-alpha></el-color-picker>`,
() => ({
color: null,
})
)
await wrapper.find('.el-color-picker__trigger').trigger('click')
document.querySelector<HTMLElement>('.el-color-dropdown__btn').click()
await nextTick()
expect(wrapper.vm.color).toEqual('#FF0000FF')
wrapper.unmount()
})
it('should init the right color when open', async () => {
const wrapper = _mount(
`<el-color-picker v-model="color"></el-color-picker>`,