Day 25. Vue Server Test Utils

Introduce

Vue Server Test Utils 是用来为SSR撰写Unit Test 的library，跟Vue Test Utils用起来有87%像。

差别只在於，输出不是Vue instance而是HTML String。

注意：Vue Server Test Utils使用 vue-server-render作为底层，可以参考：
https://ssr.vuejs.org/api/

Example : snapshot test

范例如下

import {renderToString } from '@vue/server-test-utils'
import someComponent from './Component.vue'

test('renders correctly', () => {
    const rStr = renderToString(someComponent, {
        propsData: {msg: 'Hello, World!'}
    })
    except(rStr).toContain('<p>Hi , I am Component </p>')
})

你可以对比一下前面写的Unit Test，看看差异。

Install

npm install --save-dev @vue/server-test-utils

下一篇讲常见问题。