Day 24. Test Server Side Rendering

Test Server Side Rendering

开宗明义地说： 你无法使用 Vue Test Utils 来测试

原因是：Vue Test Utils是跑在Browser Environment上的，它会挂载component然後让它产生DOM node，

而Server Sider Rendering 渲染时会产生HTML而不是DOM node。

使用Renderer

如果要产生HTML string，你需要import vue-server-renderer 。

范例如下：

const { createRenderer } = require ('vue-server-renderer')
const render = createRenderer()

const vm = new Vue({
    templates: '<span />'
})

renderer.renderToString(vm)

测试的意义

为何要针对SSR的Component撰写unit test?

• Components在server和浏览器中的行为不相同
• 使用e2e 成本太高

下一篇讲 Vue Server Test util