IT视频教程资源网

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

作者: admin 时间: 2022-5-18 00:18
标题: 前端要学的测试课从Jest入门到TDD/BDD双实战



            Dell老师有话说：会测试的前端有未来，不会测试的前端被挤压！

            前端工程越来越复杂，光靠工程师的常规工作来维护项目变得越发困难。
            在前端开发中引入自动化测试技术，让项目质量可以通过自动化工具来保障，
            将解决这个难题。从实际应用情况来说，大小公司也都越来越重视测试，
            大公司工程大，必然要测试；小公司分工没有那么细，要求”一角多能“，前端工程师更要承担测试工作。

            另外，掌握测试不只是一种技能，它更能提升你的架构思维、编码能力和把控项目整体稳定性的能力。






            未来的前端工程师，自动化测试将是必会内容，Jest就是你的不二选择
            在国外，只要是稍大一点的项目都会用自动化测试，国内公司也越来越重视，并且越来越多的前端工程师承担了这项工作

                     当项目比较重时
                     项目历史包袱比较重，难以维护，每次上线都提心吊胆，这个时候用自动化测试就可以解决问题

                     当开发基础库或工具时
                     当开发基础组件库或者通用工具时，要确保代码质量，这个时候也要用到前端自动化测试

                     当引入新技术方案时
                     当你想引入新技术方案时，使用自动化测试可以提前避免很多“坑”，也适合学习之后在项目中使用







            使用JavaScript的主流前端自测框架JEST－全程手写代码从入门到进阶
            Jest以JS开发，前端工程师可以零语言成本入门，是当前大多数工程师及公司的主流选择

                     Jest进阶

                     snapshot 快照测试
                     mock 深入学习
                     mock timers
                     ES6 中类的测试
                     Jest  中对 DOM 节点操作的测试

                     Jest入门

                        自动化测试背景及原理
                        Jest自动化测试框架简介
                        用 Jest 修改自动化测试样例
                        Jest 的配置/匹配器
                        Jest 命令行工具的使用
                        异步代码的测试方法
                        Jest 中的钩子函数
                        钩子函数的作用域
                        Jest 中的 Mock








            以Vue/React项目进行TDD/BDD双测试实战－前端工程师上手更容易
            以前端熟悉的主流框架开发的项目进行实战，让学习更贴近实际工作，也让你的学习成本更低

                        React 中的TDD测试
                        (先写测试,再写代码,单元测试为主)


                        React 环境中配置 Jest
                        Enzyme 的配置及使用
                        使用 TDD 的方式开发 Header 组件
                        Header 组件样式新增及快照测试
                        通用代码提取封装
                        UndoList 的实现
                        UndoList 样式修饰及测试代码优化
                        UndoList 编辑功能实现
                        CodeCoverage 代码覆盖率

                        Vue 中的TDD测试
                        (先写测试，再写代码，单元测试为主)


                        Vue 环境中配置 Jest
                        vue-test-utils 的配置及使用
                        使用 TDD 的方式开发 Header 组件
                        Header 组件样式新增及快照测试
                        通用代码提取封装
                        UndoList 的实现
                        UndoList 样式修饰及测试代码优化
                        UndoList 编辑功能实现
                        CodeCoverage 代码覆盖率

                        Vue 中的BDD测试
                        (先写测试，再写代码，集成测试为主)


                        BDD+集成测试改写项目
                        Jest 测试 Vuex
                        Jest 模拟异步请求
                        Jest 测试路由

                        React 中的BDD测试
                        (先写测试，再写代码，集成测试为主)


                        BDD+集成测试改写项目
                        Jest 测试 Redux
                        Jest 模拟异步请求
                        Jest 测试路由








            学员专享增值服务






                        问答专区，讲师集中答疑
                        关于课程的问题都可在问答区随时提
问，讲师会进行集中答疑







                        源码开放，整套代码下载
                        课程案例代码完全开放给你，你可以根
据所学知识，自行修改、优化









                  适合人群
                  适合未来想在前端路上进一步发展的前端工程师

尤其适合想在前端测试和架构方面有所提升的工程师




                  技术储备要求
                  掌握Javascript

熟悉React/Vue基础知识

欢迎光临 IT视频教程资源网 (https://163web.top/)