低代码: 组件库测试之渲染和元素获取，触发事件，更新表单，验证事件以及异步请求

组件库测试步骤

• 渲染组件(怎样将一个组件渲染到测试用例里面)

  • mount 和 shallowMount
  • 传递属性

• 元素是否成功的显示

  • 查找元素的不同写法
  • get, getAll
  • find, findAll
  • findComponent 和 getComponent

• 触发事件(是click也好，是input也好，让它触发对应的事件)

  • trigger 方法

• 观察测试界面是否更新

  • 特别注意DOM更新是个异步的过程
  • 使用 async await

• 更新表单

  • setValue 方法

• 验证事件是否发送

  • wrapper.emitted()

让测试运行起来

• 安装 vue-test-utils， 参考文档地址：https://test-utils.vuejs.org/api/
  • 安装后，会生成一个测试用例模板
• $ npm run test:unit -- --watch

1 ) 测试渲染组件

• Hello.vue 组件

  <template>
  	<h1 class="hello