优百课栈

标题: mksz372 - 前端要学的测试课 从Jest入门到TDD BDD双实战 [打印本页]

---

作者: aixure    时间: 2020-8-7 21:50
标题: mksz372 - 前端要学的测试课 从Jest入门到TDD BDD双实战

【课程介绍】

目前无论大小公司都越来越重视测试，并且越来越多的前端工程师承担起了前端自动化测试这项工作。本课程主要包括前端自动化测试框架 Jest 的讲解，React 中 Enzyme 组件测试工具的讲解，Vue-test-utils 的讲解，以及TDD，BDD测试模式的讲解，单元测试，集成测试的讲解。通过一套完整的讲解，带大家整理形成自己的测试方法论，提高你的核心竞争力。
【网盘下载地址SVIP专享通道(电脑版访问)】

(, 下载次数: 14)

上传

点击文件名下载附件

【课程目录】

• 第1章 课程导学

  带你了解课程主体内容，整体对课程中的前端自动化测试及知识点做通盘了解。帮助大家确认课程是否与自己的需求匹配。从零基础入门前端自动化测试，带你深入了解如何借助Jest这样的工具和TDD等测试思想，快速完成对Vue，React项目的完整测试...

  
  
  • 1-1 前端要学的测试课
    
    
• 第2章 Jest 前端自动化测试框架基础入门

  本章讲解前端自动化测试框架的产生背景，原理以及目前最为流行的前端自动化测试框架 Jest 的使用方式，帮助大家入门前端自动化测试基础知识。

  
  
  • 2-1 自动化测试背景及原理
    
  • 2-2 前端自动化测试框架 Jest
    
  • 2-3 使用 Jest 修改自动化测试样例
  • 2-4 Jest 的简单配置
  • 2-5 Jest 中的匹配器
  • 2-6 Jest 命令行工具的使用
  • 2-7 异步代码的测试方法（1）
  • 2-8 异步代码的测试方法（2）
  • 2-9 Jest 中的钩子函数
  • 2-10 钩子函数的作用域
  • 2-11 Jest 中的 Mock（1）
  • 2-12 Jest 中的 Mock（2）
  • 2-13 章节小结
    
• 第3章 Jest难点进阶

  本章主要讲解 Jest中 snapshot 以及高级 mock 技巧，帮助大家深入理解在不同情况下，如何使用高级知识点完成不同的测试需求。

  
  
  • 3-1 snapshot 快照测试
  • 3-2 mock 深入学习
  • 3-3 mock timers
  • 3-4 ES6 中类的测试
  • 3-5 Jest 中对 DOM 节点操作的测试
    
• 第4章 Vue 中的 TDD 与 单元测试

  本章主要讲解，在 Vue 中，接口和 Vue-test-util 如何使用 TDD 的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。

  
  
  • 4-1 什么是TDD？
  • 4-2 Vue 环境中配置 Jest
  • 4-3 vue-test-utils 的配置及使用
  • 4-4 使用 TDD 的方式开发 Header 组件（1）
  • 4-5 使用 TDD 的方式开发 Header 组件 (2)
  • 4-6 Header 组件样式新增及快照测试
  • 4-7 通用代码提取封装
  • 4-8 UndoList 的实现（1）
  • 4-9 UndoList 的实现（2）
  • 4-10 UndoList 样式修饰及测试代码优化
  • 4-11 UndoList 编辑功能实现(1)
  • 4-12 UndoList 编辑功能实现 (2)
  • 4-13 CodeCoverage 代码覆盖率
  • 4-14 章节小结
    
• 第5章 React中的 TDD 与 单元测试

  本章主要讲解，在React中，结合Enzyme，如何使用TDD的流程对业务组件进行单元测试，通过例子帮助大家理解TDD与单元测试，同时也引出单元测试和TDD的一些优劣点。

  
  
  • 5-1 什么是TDD？（同4-1）
  • 5-2 React 环境中配置 Jest（1）
  • 5-3 React 环境中配置 Jest（2）
  • 5-4 Enzyme 的配置及使用
  • 5-5 使用 TDD 的方式开发 Header 组件 (1)
  • 5-6 使用 TDD 的方式开发 Header 组件 (2)
  • 5-7 Header 组件样式新增及快照测试
  • 5-8 通用代码提取封装
  • 5-9 UndoList 的实现（1）
  • 5-10 UndoList 的实现（2）
  • 5-11 UndoList 样式修饰及测试代码优化
  • 5-12 UndoList 编辑功能实现 （1）
  • 5-13 UndoList 编辑功能实现 （2）
  • 5-14 UndoList 编辑功能实现（3）
  • 5-15 CodeCoverage 代码覆盖率
  • 5-16 章节小结
    
• 第6章 Vue中的 BDD 与 集成测试

  本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

  
  
  • 6-1 BDD 的概念以及与 TDD 的对比
  • 6-2 使用 BDD 和集成测试进行 Vuex 项目的测试（1）
  • 6-3 使用 BDD 和集成测试进行 Vuex 项目的测试（2）
  • 6-4 异步测试(1)
  • 6-5 异步测试(2)
  • 6-6 路由页面的代码组织
    
• 第7章 React中的 BDD 与 集成测试

  本章通过 BDD 与集成测试，通过重新改写测试用例和业务代码，让大家清晰直观的看到 BDD 和集成测试在开发快速迭代业务代码时的优势， 通过本章讲解，大家可以深入理解TDD，BDD，单元测试，集成测试的适用场景，选择适合自己的测试方案。还会讲解Redux，路由，axios 的测试方案。...

  
  
  • 7-1 BDD 的概念以及与 TDD 的对比
  • 7-2 使用 BDD 和集成测试进行 Redux 项目的测试（1）
  • 7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2）
  • 7-4 异步测试(1)
  • 7-5 异步测试(2)
  • 7-6 异步测试(3)
  • 7-7 路由页面的代码组织
    
• 第8章 前端自动化测试的思考总结

  本章对课程设计的知识点做完整的总结，同时衍生出业界对前端自动化测试的最佳实践相关的思考，通过例子的讲解，带大家进一步提升测试方案选型的能力。

  
  
  • 8-1 课程总结
    

---

作者: 15523053981    时间: 2021-1-15 16:03
灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌

---

作者: 13700757050    时间: 2021-12-13 19:51
66666666666666666666666666666666666

---

作者: wally    时间: 2021-12-21 14:19
前端要学的测试课 从Jest入门到TDD BDD双实战

---

作者: pcsms_ei4tg1SH    时间: 2021-12-31 16:19
吾问无为谓无无无无无无无无无无无无无无

---

作者: pcsms_fHuMWrHG    时间: 2023-1-8 18:16
6666666666666

---

作者: roc    时间: 2023-9-3 23:13
很给力666666

---

欢迎光临 优百课栈 (https://www.ubkz.com/)

Powered by Discuz! X3.4