皮蛋很白的博客

BDD 介绍TDD 的问题由于是以单元测试为主，会导致做出来的东西和实际功能需求相偏离过于依赖被测试功能的实现逻辑导致测试代码和实现代码耦合太高难以维护BDD 行为驱动开发不需要再面向实现细节设计测试，取而代之的是面向行为来测试BDD 的核心是关注软件的功能测试，所以 BDD 更多的是结合集成测试进行BDD 开发流程开发人员和非开发人员一起讨论确认需求以一种自动化的方式将需求建立起来，并确认是否一致最后，实现每个文档示例描述的行为，并从自动化测试开始以指导代码的开发功能验收

TodoApp 切换全选点击全选按钮，修改全部任务项的状态，并且按钮的样式随着全部任务项的选中状态改变。编写测试用例test('Toggle All', async () => { const toggleAll = wrapper.findComponent('input[data-testid="toggle-all"]') // 选中全选按钮 await toggleAll.setChecked() // 断言所有的任务都被选中 wrapper.vm.todos.f

案例介绍下面使用 TodoMVC 提供的开源 Todos List 任务清单示例，学习使用 TDD 方式开发 Vue 应用。案例演示效果：Vue.js • TodoMVC基本功能包括：输入任务内容，点击回车，任务被添加到列表中切换单个或所有任务完成状态删除任务显示未完成任务数量删除所有已完成的任务数据筛选修改任务内容（回车保存修改，ESC取消编辑，内容为空则删除任务）案例创建创建组件文件 src\components\TodoApp\index.vue，从 Github 仓库的

Vue 默认安装版本已更新为 v3，本文使用 v2 学习 Vue 应用测试。Vue 官方推荐了两个用于组件测试的框架：Vue Test Utils：Vue 官方提供的测试库，进行单元测试很方便，当然也可以进行集成测试。Vue Testing Library：更轻量的测试库，封装自 Vue Test Utils ，但只保留了进行集成测试的一些功能。下面学习使用 Vue Test Utils创建带有 Vue Text Utils 的 Vue 应用官方介绍了手动在应用中集成测试工具的过程。我.