zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 10:08:52 +08:00
Code Issues Projects Releases Wiki Activity

Fix delimiter highlighting in Firefox #27

Browse Source 
input:first-line doesn't work in Firefox.
So, we use input background instead
This commit is contained in:
lana-k
2021-04-23 16:36:52 +02:00
parent 472794e203
commit 9a91dd19bf
2 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
tests/components/DelimiterSelector.spec.js
View File

@@ -4,17 +4,21 @@ import DelimiterSelector from '@/components/DelimiterSelector'
describe('DelimiterSelector', async () => {
it('shows the name of value', async () => {
const wrapper = shallowMount(DelimiterSelector, {
let wrapper = shallowMount(DelimiterSelector, {
propsData: { value: ',' }
})
expect(wrapper.find('input').element.value).to.equal(',')
expect(wrapper.find('.name').text()).to.equal('comma')
await wrapper.setProps({ value: '\t' })
wrapper = shallowMount(DelimiterSelector, {
propsData: { value: '\t' }
})
expect(wrapper.find('input').element.value).to.equal('\t')
expect(wrapper.find('.name').text()).to.equal('horizontal tab')
await wrapper.setProps({ value: '' })
wrapper = shallowMount(DelimiterSelector, {
propsData: { value: '' }
})
expect(wrapper.find('input').element.value).to.equal('')
expect(wrapper.find('.name').text()).to.equal('')
})
@@ -90,4 +94,16 @@ describe('DelimiterSelector', async () => {
await wrapper.findComponent({ name: 'drop-down-chevron' }).trigger('click')
expect(wrapper.find('.options').isVisible()).to.equal(false)
})
it('has filled class when input is not empty', async () => {
const wrapper = shallowMount(DelimiterSelector, {
propsData: { value: ',' }
})
await wrapper.vm.$nextTick()
expect(wrapper.find('input').classes()).to.include('filled')
await wrapper.find('input').setValue('')
expect(wrapper.find('input').classes()).to.not.include('filled')
await wrapper.find('input').setValue(';')
expect(wrapper.find('input').classes()).to.include('filled')
})
})