小编Mar*_*gar的帖子

Vue.js 单元测试 - 带有异步数据的模拟服务

项目: https: //github.com/marioedgar/webpack-unit-test

我有一个使用 vue CLI 生成的 Vue.js 应用程序。我只稍微编辑了 HelloWorld 组件以从我的测试服务中获取一些异步数据,您可以在这里看到:

<template>
  <h1>{{ message }}</h1>
</template>

<script>
  import service from './test.service'
  export default {
    name: 'HelloWorld',
    created () {
      service.getMessage().then(message => {
        this.message = message
      })
    },
    data () {
      return {
        message: 'A'
      }
    }
  }
</script>
<style scoped>
</style>
Run Code Online (Sandbox Code Playgroud)

测试服务位于同一目录中,非常简单:

class Service {
  getMessage () {
    return new Promise((resolve, reject) => {
      console.log('hello from test service')
      resolve('B')
    })
  }
}

const service = new Service()
export default service …
Run Code Online (Sandbox Code Playgroud)

unit-testing vue.js

5
推荐指数
1
解决办法
3538
查看次数

标签 统计

unit-testing ×1

vue.js ×1