iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 19
0
自我挑戰組

Vue應用測試系列 第 25

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

下一篇講常見問題。


上一篇
Day 24. Test Server Side Rendering
下一篇
Day 26. 測試SSR常見問題
系列文
Vue應用測試30

尚未有邦友留言

立即登入留言