前端要学的测试课 从Jest入门到 TDD/BDD双实战 目前无论大小公司都越来越重视测试,并且越来越多的前端工程师承担起了前端自动化测试这项工作。本课程主要包括前端自动化测试框架 Jest 的讲解,React 中 Enzyme 组件测试工具的讲解,Vue-test-utils 的讲解,以及TDD,BDD测试模式的讲解,单元测试,集成测试的讲解。通过一套完整的讲解,带大家整理形成自己的测试方法论,提高你的核心竞争力。 适合人群 适合未来想在前端路上进一步发展的前端工程师 尤其适合想在前端测试和架构方面有所提升的工程师 技术储备要求 掌握Javascript 熟悉React/Vue基础知识 另: 1:《前端要学的测试课 从Jest入门到TDD/BDD双实战》来自某课网,原价299,由猿人部落整理发布!猿人部落承诺,本站所有课程百分百高清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验! 2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷! 3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看! 4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意! 5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。 6:爱好学习,一直提升自己的小伙伴可以开通会员,享受全站免金币无限制畅快学习! 7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清! 可以联系QQ客服索要更多试看,可以试看任何章节(直接qq临时会话[qq]772441382[/qq]也可添加客服微信) 章节目录: 第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 课程总结 |