mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
72edf78889
Some important commit messages:
```
Fix youtu.be not being embedded
And also try to maintain the old behaviour matching
`provider.provider_url`.
```
```
Remove confusing code comments and obsolete code
I discovered that the behaviour of no duplicate notifications being send
out is caused by the frontend: When the editor reads html from the
backend, it will parse hashtags and mentions as ordinary links, not as
their respective nodes during editing. Also, we don't have to worry
about duplicate ids being found: The cypher statement will implicitly
suppress duplicate notification nodes for the same user.
So let's remove the code to avoid confusing the next developer.
```
```
Test editor.getHTML()
I do this because I'm not able to test the content of `this.editor` from
a wrapper of `vue-test-utils`. If I call `this.editor.getHTML` directly
and use it as a computed property `renderedContent` to populate a `<div
v-html="renderedContent" />` this will not work for the embeds. So, my
current best bet is to test the editor object isolated from a real
component. ;(
```
```
Add core-js as explicit dependency
Because of build errors on Travis.
See: https://stackoverflow.com/a/55313456
Remove as soon as this issue is resolved:
https://github.com/storybookjs/storybook/issues/7591
```
```
Refactor: Keep Runtime-only builds
See: https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
```
67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
import { shallowMount } from '@vue/test-utils'
|
||
import Embed from './Embed'
|
||
|
||
let Wrapper
|
||
let propsData
|
||
const someUrl = 'https://www.youtube.com/watch?v=qkdXAtO40Fo'
|
||
|
||
describe('Embed.vue', () => {
|
||
beforeEach(() => {
|
||
propsData = {}
|
||
const component = new Embed()
|
||
Wrapper = ({ mocks, propsData }) => {
|
||
return shallowMount(component.view, { propsData })
|
||
}
|
||
})
|
||
|
||
it('renders anchor', () => {
|
||
propsData = {
|
||
node: { attrs: { href: someUrl } },
|
||
}
|
||
expect(Wrapper({ propsData }).is('a')).toBe(true)
|
||
})
|
||
|
||
describe('given a href', () => {
|
||
describe('onEmbed returned embed data', () => {
|
||
beforeEach(() => {
|
||
propsData.options = {
|
||
onEmbed: () => ({
|
||
type: 'video',
|
||
title: 'Baby Loves Cat',
|
||
author: 'Merkley Family',
|
||
publisher: 'YouTube',
|
||
date: '2015-08-16T00:00:00.000Z',
|
||
description:
|
||
'She’s incapable of controlling her limbs when her kitty is around. The obsession grows every day. Ps. That’s a sleep sack she’s in. Not a starfish outfit. Al...',
|
||
url: someUrl,
|
||
image: 'https://i.ytimg.com/vi/qkdXAtO40Fo/maxresdefault.jpg',
|
||
audio: null,
|
||
video: null,
|
||
lang: 'de',
|
||
sources: ['resource', 'oembed'],
|
||
html:
|
||
'<iframe width="480" height="270" src="https://www.youtube.com/embed/qkdXAtO40Fo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',
|
||
}),
|
||
}
|
||
})
|
||
|
||
it('renders the given html code', async () => {
|
||
propsData.node = { attrs: { href: 'https://www.youtube.com/watch?v=qkdXAtO40Fo' } }
|
||
const wrapper = Wrapper({ propsData })
|
||
await wrapper.html()
|
||
expect(wrapper.find('div iframe').attributes('src')).toEqual(
|
||
'https://www.youtube.com/embed/qkdXAtO40Fo?feature=oembed',
|
||
)
|
||
})
|
||
})
|
||
|
||
describe('without embedded html but some meta data instead', () => {
|
||
it.todo('renders description and link')
|
||
})
|
||
|
||
describe('without any meta data', () => {
|
||
it.todo('renders a link without `embed` class')
|
||
})
|
||
})
|
||
})
|