首页 > 其他分享> > 【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②

【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②

2021-12-21 23:34:41 作者：互联网

一：前端自动化测试产生的背景及原理

在这里插入图片描述

二：构建基础结构

1.创建文件夹
2.创建index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>math.js</title>
  <script src="math.js"></script>
</head>
<body>
  
</body>
</html>

3.创建math.js

function add(a,b){
  return a+b;
}

function minus(a,b){
  return a-b;
}

4.创建math.test.js

function expect(res){
  return {
    toBe(actual){
      if(res!= actual){
        throw new Error(`期望值和实际值不符,期望是${actual},实际是${res}`)
      }
    }
  }
}
function test(des,fn){
  try {
    fn();
    console.log(`${des}通过测试`);
  } catch (error) {
    console.log(`${des}没有通过测试`);
  }
}

test('测试加法 3+7',()=>{
  expect(add(3,7)).toBe(10)
})

5.把math.js通过script脚本引入到index.html里面
在这里插入图片描述

6.打开浏览器控制台
把代码复制到log去运行
在这里插入图片描述
可以看到结果成功咯

标签：function,BDD,入门,res,js,Jest,test,math,log
来源： https://blog.csdn.net/weixin_48200589/article/details/122075558