akkoma-fe/test/unit/specs/components/emoji_input.spec.js

146 lines
5.3 KiB
JavaScript
Raw Normal View History

2022-03-22 16:14:56 +00:00
import { h } from 'vue'
import { shallowMount } from '@vue/test-utils'
import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
2022-03-22 16:14:56 +00:00
import vClickOutside from 'click-outside-vue3'
2019-09-25 17:54:07 +00:00
const generateInput = (value, padEmoji = true) => {
const wrapper = shallowMount(EmojiInput, {
2022-03-22 16:14:56 +00:00
global: {
renderStubDefaultSlot: true,
mocks: {
$store: {
getters: {
mergedConfig: {
padEmoji
}
2019-09-25 17:54:07 +00:00
}
}
2022-03-22 16:14:56 +00:00
},
stubs: {
FAIcon: true
},
directives: {
'click-outside': vClickOutside
2019-09-25 17:54:07 +00:00
}
},
2022-03-22 16:14:56 +00:00
props: {
suggest: () => [],
enableEmojiPicker: true,
modelValue: value
},
2022-03-22 16:14:56 +00:00
slots: {
'default': () => h('input', '')
}
})
2022-03-22 16:14:56 +00:00
return wrapper
}
describe('EmojiInput', () => {
describe('insertion mechanism', () => {
it('inserts string at the end with trailing space', () => {
const initialString = 'Testing'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: initialString.length })
wrapper.vm.insert({ insertion: '(test)', keepOpen: false })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('Testing (test) ')
})
it('inserts string at the end with trailing space (source has a trailing space)', () => {
const initialString = 'Testing '
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: initialString.length })
wrapper.vm.insert({ insertion: '(test)', keepOpen: false })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('Testing (test) ')
})
it('inserts string at the begginning without leading space', () => {
const initialString = 'Testing'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: 0 })
wrapper.vm.insert({ insertion: '(test)', keepOpen: false })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('(test) Testing')
})
it('inserts string between words without creating extra spaces', () => {
const initialString = 'Spurdo Sparde'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: 6 })
wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
})
it('inserts string between words without creating extra spaces (other caret)', () => {
const initialString = 'Spurdo Sparde'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: 7 })
wrapper.vm.insert({ insertion: ':ebin:', keepOpen: false })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('Spurdo :ebin: Sparde')
})
2019-09-25 17:54:07 +00:00
it('inserts string without any padding if padEmoji setting is set to false', () => {
const initialString = 'Eat some spam!'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString, false)
const input = wrapper.find('input')
input.setValue(initialString)
2019-09-25 17:54:07 +00:00
wrapper.setData({ caret: initialString.length, keepOpen: false })
wrapper.vm.insert({ insertion: ':spam:' })
2022-03-22 16:14:56 +00:00
const inputEvents = wrapper.emitted()['update:modelValue']
expect(inputEvents[inputEvents.length - 1][0]).to.eql('Eat some spam!:spam:')
})
it('correctly sets caret after insertion at beginning', (done) => {
const initialString = '1234'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: 0 })
wrapper.vm.insert({ insertion: '1234', keepOpen: false })
2022-03-22 16:14:56 +00:00
wrapper.vm.$nextTick(() => {
expect(wrapper.vm.caret).to.eql(5)
done()
})
})
it('correctly sets caret after insertion at end', (done) => {
const initialString = '1234'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: initialString.length })
wrapper.vm.insert({ insertion: '1234', keepOpen: false })
2022-03-22 16:14:56 +00:00
wrapper.vm.$nextTick(() => {
expect(wrapper.vm.caret).to.eql(10)
done()
})
})
2019-09-25 17:54:07 +00:00
it('correctly sets caret after insertion if padEmoji setting is set to false', (done) => {
const initialString = '1234'
2022-03-22 16:14:56 +00:00
const wrapper = generateInput(initialString, false)
const input = wrapper.find('input')
input.setValue(initialString)
wrapper.setData({ caret: initialString.length })
2019-09-25 17:54:07 +00:00
wrapper.vm.insert({ insertion: '1234', keepOpen: false })
2022-03-22 16:14:56 +00:00
wrapper.vm.$nextTick(() => {
expect(wrapper.vm.caret).to.eql(8)
done()
})
})
})
})