You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.4 KiB
54 lines
1.4 KiB
8 years ago
|
import Vue from '../../dist/vue.runtime.common.js'
|
||
|
|
import renderToString from '../../packages/vue-server-renderer/basic'
|
||
|
|
|
||
|
|
describe('SSR: basicRenderer', () => {
|
||
|
|
it('should work', done => {
|
||
|
|
renderToString(new Vue({
|
||
|
|
template: `
|
||
|
|
<div>
|
||
|
|
<p class="hi">yoyo</p>
|
||
|
|
<div id="ho" :class="{ red: isRed }"></div>
|
||
|
|
<span>{{ test }}</span>
|
||
|
|
<input :value="test">
|
||
|
|
<img :src="imageUrl">
|
||
|
|
<test></test>
|
||
|
|
<test-async></test-async>
|
||
|
|
</div>
|
||
|
|
`,
|
||
|
|
data: {
|
||
|
|
test: 'hi',
|
||
|
|
isRed: true,
|
||
|
|
imageUrl: 'https://vuejs.org/images/logo.png'
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
test: {
|
||
|
|
render () {
|
||
|
|
return this.$createElement('div', { class: ['a'] }, 'test')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
testAsync (resolve) {
|
||
|
|
resolve({
|
||
|
|
render () {
|
||
|
|
return this.$createElement('span', { class: ['b'] }, 'testAsync')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}), (err, result) => {
|
||
|
|
expect(err).toBeNull()
|
||
|
|
expect(result).toContain(
|
||
|
|
'<div data-server-rendered="true">' +
|
||
|
|
'<p class="hi">yoyo</p> ' +
|
||
|
|
'<div id="ho" class="red"></div> ' +
|
||
|
|
'<span>hi</span> ' +
|
||
|
|
'<input value="hi"> ' +
|
||
|
|
'<img src="https://vuejs.org/images/logo.png"> ' +
|
||
|
|
'<div class="a">test</div> ' +
|
||
|
|
'<span class="b">testAsync</span>' +
|
||
|
|
'</div>'
|
||
|
|
)
|
||
|
|
done()
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|