yeoman学习(三)

本文介绍如何使用 Mocha 进行单元测试,并配置 Babel 和 Istanbul 进行代码转换与覆盖率检查。通过示例展示了如何在测试中使用 assert 断言,以及如何设置 .babelrc 和 .nycrc 文件来适配不同环境。

mocha 加上

//add  templates/main.test.js

import "../src/main.js"
let assert = require("assert")

it('your tetst title', ()=>{
    assert.equal(5,2);
})

add templates/.babelrc  & templates/.nycrc

// templates/.babelrc
{
    "presets": ["@babel/preset-env"],
    "plugins": [
        "babel-plugin-istanbul",
        ["@babel/plugin-transform-react-jsx", {"pragma": "createElement"}]
    ]
}
//  templates/.nycrc
{
  "all": true,
  "include": [
    "src/*.js"
  ],
  "extends": "@istanbuljs/nyc-config-babel"
}
// index.js

		this.fs.copyTpl(
            this.templatePath('.babelrc'),
            this.destinationPath('.babelrc')
        );

        this.fs.copyTpl(
            this.templatePath('.nycrc'),
            this.destinationPath('.nycrc')
        );
		this.npmInstall([
            '@babel/register'
        ], { 'save-dev': true });

npm run coverage

//package.json

"scripts": {
      "test": "mocha --require @babel/register",
      "coverage": "nyc mocha",
      "start": "webpack-dev-server",
      "build": "webpack"
},

注释掉 component.mountTo(document.body)

import {createElement, Text, Wrapper} from "../lib/createElement";

let component =<div>Hello world!</div>


// component.mountTo(document.body)

 

yo toytool


npm run test

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值