学习 Jest - 快照

快照

将当前组件 完整 DOM 结构 保存

下次执行时，会比较两次的 DOM 结构

发生变化无法通过测试

import { mount } from '@vue/test-utils'
import TestSnapshots from 'TestSnapshots.vue'

describe('TestSnapshots.vue', () => {
    it ('Render TestSnapshots', () => {
        const warpper = mount(TestSnapshots)
        // 组件渲染是异步过程
        // 需要 await 等待执行完毕
        await warpper.vm.$nextTick()
        expect(warpper.html()).toMatchSnapshot()
    })
})