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

2021/12/21 23:49:36

编程Tag： js function math 入门 test jest log res BDD

本文主要是介绍【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

在这里插入图片描述

二：构建基础结构

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去运行
在这里插入图片描述
可以看到结果成功咯

这篇关于【从Jest入门到 TDD,BDD双实战】Jest 前端自动化测试框架基础入门②的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

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

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

二：构建基础结构

相关编程文章