vue 项目中对 main.js 如何写测试用例

来源:4-15 章节小结

wukongkong

2019-08-03

我经常在main.js 中做一些项目初始化的操作,埋点id之类的,但是希望下次新项目时候要及时修改相关的数据。希望编写相应的测试用例。

import Vue from 'vue';
import Vconsole from 'vconsole';
import App from './App.vue';
import router from './router';
import store from './store/index';
import filters from './filters/index';
import 'lib-flexible/flexible';
import 'mint-ui/lib/style.css';

import Base from './common/baseConfig';

// eslint-disable-next-line no-unused-vars
const vConsole = new Vconsole();

// 初始化计数(需要修改)
Base.initPageId('12345');
// 初始化报错日志(需要修改)
// Base.initSentry('http://172.31.227.55');
// 分享(需要修改)
Base.initShare(
  '标题',
  'desc',
  'http://172.31.227.55:8088',
  'http://172.31.227.55:8088/share.png',
);

// 注入全局过滤器
Object.keys(filters).forEach((item) => {
  Vue.filter(item, filters[item]);
});

Vue.config.productionTip = false;
Vue.config.devtools = true;
new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app');

这里的Base.initPageId(‘12345’); Base.initSentry(); Base.initShare()
我怎么样去编写测试用例呢?
这里并没有导出任何的东西,只是一个执行的流程。
我怎么样去编写测试用例呢?

写回答

1回答

Dell

2019-08-04

这个我认为你需要对base 做测试,而不是对业务流程做测试。你可以用 jest.fn 做模拟,代替base中的方法,然后判断fn是否被调用。

0
0

前端要学的测试课 从Jest入门到 TDD/BDD双实战

自动化测试实战 Vue / React 项目,让技术水平和架构思维双提升

1434 学习 · 350 问题

查看课程