mirror of
https://git.pleroma.social/sjw/pleroma-fe.git
synced 2024-12-23 15:25:18 +01:00
unit test for emoji input, for now covering only insertion mechanism
This commit is contained in:
parent
312e2aa14f
commit
db961af3c8
122
test/unit/specs/components/emoji_input.spec.js
Normal file
122
test/unit/specs/components/emoji_input.spec.js
Normal file
@ -0,0 +1,122 @@
|
||||
import { shallowMount, createLocalVue } from '@vue/test-utils'
|
||||
import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
|
||||
|
||||
const generateInput = (value) => {
|
||||
const localVue = createLocalVue()
|
||||
localVue.directive('click-outside', () => {})
|
||||
const wrapper = shallowMount(EmojiInput, {
|
||||
propsData: {
|
||||
suggest: () => [],
|
||||
enableEmojiPicker: true,
|
||||
value
|
||||
},
|
||||
slots: {
|
||||
default: '<input />'
|
||||
},
|
||||
localVue
|
||||
})
|
||||
return [wrapper, localVue]
|
||||
}
|
||||
|
||||
describe('EmojiInput', () => {
|
||||
describe('insertion mechanism', () => {
|
||||
it('inserts string at the end with trailing space', () => {
|
||||
const initialString = 'Testing'
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: initialString.length })
|
||||
wrapper.vm.insert({ insertion: '(test)', spamMode: false })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('Testing (test) ')
|
||||
})
|
||||
|
||||
it('inserts string at the end with trailing space (source has a trailing space)', () => {
|
||||
const initialString = 'Testing '
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: initialString.length })
|
||||
wrapper.vm.insert({ insertion: '(test)', spamMode: false })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('Testing (test) ')
|
||||
})
|
||||
|
||||
it('inserts string at the begginning without leading space', () => {
|
||||
const initialString = 'Testing'
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: 0 })
|
||||
wrapper.vm.insert({ insertion: '(test)', spamMode: false })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('(test) Testing')
|
||||
})
|
||||
|
||||
it('inserts string between words without creating extra spaces', () => {
|
||||
const initialString = 'Spurdo Sparde'
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: 6 })
|
||||
wrapper.vm.insert({ insertion: ':ebin:', spamMode: false })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('Spurdo :ebin: Sparde')
|
||||
})
|
||||
|
||||
it('inserts string between words without creating extra spaces (other caret)', () => {
|
||||
const initialString = 'Spurdo Sparde'
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: 7 })
|
||||
wrapper.vm.insert({ insertion: ':ebin:', spamMode: false })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('Spurdo :ebin: Sparde')
|
||||
})
|
||||
|
||||
it('inserts string without any padding in spam mode', () => {
|
||||
const initialString = 'Eat some spam!'
|
||||
const [wrapper] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: initialString.length })
|
||||
wrapper.vm.insert({ insertion: ':spam:', spamMode: true })
|
||||
expect(wrapper.emitted().input[0][0]).to.eql('Eat some spam!:spam:')
|
||||
})
|
||||
|
||||
it('correctly sets caret after insertion at beginning', (done) => {
|
||||
const initialString = '1234'
|
||||
const [wrapper, vue] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: 0 })
|
||||
wrapper.vm.insert({ insertion: '1234', spamMode: false })
|
||||
vue.nextTick(() => {
|
||||
expect(wrapper.vm.caret).to.eql(5)
|
||||
done()
|
||||
})
|
||||
})
|
||||
|
||||
it('correctly sets caret after insertion at end', (done) => {
|
||||
const initialString = '1234'
|
||||
const [wrapper, vue] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: initialString.length })
|
||||
wrapper.vm.insert({ insertion: '1234', spamMode: false })
|
||||
vue.nextTick(() => {
|
||||
expect(wrapper.vm.caret).to.eql(10)
|
||||
done()
|
||||
})
|
||||
})
|
||||
|
||||
it('correctly sets caret after insertion in spam mode', (done) => {
|
||||
const initialString = '1234'
|
||||
const [wrapper, vue] = generateInput(initialString)
|
||||
const input = wrapper.find('input')
|
||||
input.setValue(initialString)
|
||||
wrapper.setData({ caret: initialString.length })
|
||||
wrapper.vm.insert({ insertion: '1234', spamMode: true })
|
||||
vue.nextTick(() => {
|
||||
expect(wrapper.vm.caret).to.eql(8)
|
||||
done()
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
Loading…
Reference in New Issue
Block a user