added tests just in case
This commit is contained in:
parent
ad3a2fd4e5
commit
25bf28f051
1 changed files with 102 additions and 2 deletions
|
@ -1,4 +1,4 @@
|
||||||
import { shallowMount, createLocalVue } from '@vue/test-utils'
|
import { mount, shallowMount, createLocalVue } from '@vue/test-utils'
|
||||||
import RichContent from 'src/components/rich_content/rich_content.jsx'
|
import RichContent from 'src/components/rich_content/rich_content.jsx'
|
||||||
|
|
||||||
const localVue = createLocalVue()
|
const localVue = createLocalVue()
|
||||||
|
@ -640,7 +640,107 @@ describe('RichContent', () => {
|
||||||
expect(wrapper.html()).to.eql(compwrap(expected))
|
expect(wrapper.html()).to.eql(compwrap(expected))
|
||||||
})
|
})
|
||||||
|
|
||||||
it('contents of a link', () => {
|
it('rich contents of a mention are handled properly', () => {
|
||||||
|
const html = [
|
||||||
|
p(
|
||||||
|
'Testing'
|
||||||
|
),
|
||||||
|
p(
|
||||||
|
'<a href="lol" class="mention">',
|
||||||
|
'<span>',
|
||||||
|
'https://</span>',
|
||||||
|
'<span>',
|
||||||
|
'lol.tld/</span>',
|
||||||
|
'<span>',
|
||||||
|
'</span>',
|
||||||
|
'</a>'
|
||||||
|
)
|
||||||
|
].join('')
|
||||||
|
const expected = [
|
||||||
|
p(
|
||||||
|
'Testing'
|
||||||
|
),
|
||||||
|
p(
|
||||||
|
'<mentionlink-stub url="lol" content="',
|
||||||
|
'<span>',
|
||||||
|
'https://</span>',
|
||||||
|
'<span>',
|
||||||
|
'lol.tld/</span>',
|
||||||
|
'<span>',
|
||||||
|
'</span>',
|
||||||
|
'">',
|
||||||
|
'</mentionlink-stub>'
|
||||||
|
)
|
||||||
|
].join('')
|
||||||
|
|
||||||
|
const wrapper = shallowMount(RichContent, {
|
||||||
|
localVue,
|
||||||
|
propsData: {
|
||||||
|
hideMentions: false,
|
||||||
|
handleLinks: true,
|
||||||
|
greentext: true,
|
||||||
|
emoji: [],
|
||||||
|
html
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
expect(wrapper.html()).to.eql(compwrap(expected))
|
||||||
|
})
|
||||||
|
|
||||||
|
it('rich contents of a mention in beginning are handled properly', () => {
|
||||||
|
const html = [
|
||||||
|
p(
|
||||||
|
'<a href="lol" class="mention">',
|
||||||
|
'<span>',
|
||||||
|
'https://</span>',
|
||||||
|
'<span>',
|
||||||
|
'lol.tld/</span>',
|
||||||
|
'<span>',
|
||||||
|
'</span>',
|
||||||
|
'</a>'
|
||||||
|
),
|
||||||
|
p(
|
||||||
|
'Testing'
|
||||||
|
)
|
||||||
|
].join('')
|
||||||
|
const expected = [
|
||||||
|
p(
|
||||||
|
'<span class="MentionsLine">',
|
||||||
|
'<mentionlink-stub content="',
|
||||||
|
'<span>',
|
||||||
|
'https://</span>',
|
||||||
|
'<span>',
|
||||||
|
'lol.tld/</span>',
|
||||||
|
'<span>',
|
||||||
|
'</span>',
|
||||||
|
'" url="lol" class="mention-link">',
|
||||||
|
'</mentionlink-stub>',
|
||||||
|
'<!---->', // v-if placeholder
|
||||||
|
'</span>'
|
||||||
|
),
|
||||||
|
p(
|
||||||
|
'Testing'
|
||||||
|
)
|
||||||
|
].join('')
|
||||||
|
|
||||||
|
const wrapper = mount(RichContent, {
|
||||||
|
localVue,
|
||||||
|
stubs: {
|
||||||
|
MentionLink: true
|
||||||
|
},
|
||||||
|
propsData: {
|
||||||
|
hideMentions: false,
|
||||||
|
handleLinks: true,
|
||||||
|
greentext: true,
|
||||||
|
emoji: [],
|
||||||
|
html
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
expect(wrapper.html()).to.eql(compwrap(expected))
|
||||||
|
})
|
||||||
|
|
||||||
|
it('rich contents of a link are handled properly', () => {
|
||||||
const html = [
|
const html = [
|
||||||
'<p>',
|
'<p>',
|
||||||
'Freenode is dead.</p>',
|
'Freenode is dead.</p>',
|
||||||
|
|
Loading…
Reference in a new issue