karma 自动测试 业务代码怎么写测试脚本？

Question

vue项目或者react项目 中各页面的业务代码怎么写自动化测试脚本？基本上都涉及到vuex(redux) 包括 路由系统和异步ajax 等！

个人的想法

import {createTest, createVue, destroyVM} from '../util';

//common
import Page from 'vueSrc/page.vue';
import router from 'vueSrc/router/page.js';
import store from 'vueSrc/store/index.js';

describe('vue page entry test', () => {
    let vm;
    
    //mocha 的钩子函数
    after(function () {
        // runs after all tests in this block
        destroyVM(vm);
    });

    it('create', () => {
        vm = createVue({
            router,
            store,
            ...Page
        }, true);
        //
        store.commit();//设置vuex或者redux 
        router .push();//设置路由
        //其他断言 测试
        expect(vm.$el.classList.contains('vue-content')).to.true;
    });
});

备注：
vue项目或者react项目中 基于各组件的自动化测试脚本 在网上一大堆。也比较容易学习：
eg:list.spec.js

describe('list test', () => {
    let vm;

    afterEach(() => {
        //mocha 的钩子函数
        destroyVM(vm);
    });


    it('create', () => {
        vm = createTest(List, {
            sKey: 'key',
            sVal: 'list value'
        }, true);
        expect(vm.$el.classList.contains('up-list')).to.true;
        expect(vm.$el.querySelector('.key').textContent).to.equal('key');
        expect(vm.$el.querySelector('.value').textContent).to.equal('list value');
    });
});