溪风_耶罗

act弊端：
在日常开发当中，render放于act当中，那么会阻止一些行为让组件有隐藏变成显示，从而引起人们的困惑，此时还不如不用act

解决单元测试中遇到的act问题

我们在做测试的时候，会时不时的遇到一个act问题，有的时候它不影响测试结果和覆盖率，有的时候会因为act的存在而导致一些原本可以拿到的渲染而断言失败。经常表现为如下错误： 内...

溪风_耶罗

488 3 3

溪风_耶罗

新的心得：上面的act写法是针对接口来说，那么如果是针对一些特殊的场景，比如hook，或者组件渲染就产生了，并且接口写法和我上面写的不一样，是直接(xxx as jest.Mock).mockImplentation(()=>'') 此时可以将render放入act当中或者直接return；
而hook，我们仍旧将他先放入一个自定义的组件，接着渲染，最后沿用上面的方法

解决单元测试中遇到的act问题

我们在做测试的时候，会时不时的遇到一个act问题，有的时候它不影响测试结果和覆盖率，有的时候会因为act的存在而导致一些原本可以拿到的渲染而断言失败。经常表现为如下错误： 内...

溪风_耶罗

488 3 3

溪风_耶罗

**如果我们的页面存在hook的情况，并且这个hook里面存在网络请求
1.此时我们就算不mock这个hook也不会出错，但是由于没有返回值，而你的组件又会根据这个返回值做逻辑处理，就会导致大量行无法覆盖
2.此时我们需要对这个hook进行mock，当hook被mock的时候，会提示我们这个网路请求需要mock，此时再把网络请求mock
import { renderHook } from '@testing-library/react-hooks'
import * as hooks from 'xxxx'
在测试里面
renserHook( () => hooks.xxxx() )
3.最后便会正常返回数据了

jest测试react组件

以下为本节内容，内容比较多，且都是日常工作中会用到的测试用例与常见的react组件用例，相信您会有所收获的 测试React从一个简单的测试开始运行条件跑通成功 react组件...

溪风_耶罗

1027 2 4

溪风_耶罗

**自定义模块的mock
1. 引入
import * as api from 'xxx'
2. mock这个自定义文件的某个方法
const mockxxx = jest.spyOn(api, 'abc')
3. 在测试页面对这个文件进行mock，如果没有这段话，该文件处于readOnly（readOnly也可能是重复mock）
jest.mock('xxxx')
4. 最后在某个test下面返回我们需要的数据
mockxxx .mockImportation(() => 'xx')

jest手动模拟&configuring&cli

本节内容大纲： 手动模拟手动模拟自定义模块测试第三方模块lodash手动模拟axios configuringoption cli从命令行运行运行jest命令支持驼峰和破折号...

溪风_耶罗

305 2 1

溪风_耶罗

注意：
https://www.jianshu.com/p/0de5b78ecd2c加一个act问题，就差不多了

jest测试react组件

以下为本节内容，内容比较多，且都是日常工作中会用到的测试用例与常见的react组件用例，相信您会有所收获的 测试React从一个简单的测试开始运行条件跑通成功 react组件...

溪风_耶罗

1027 2 4

溪风_耶罗

我们实践的时候很可能遇到act问题，这里附上一个传送门，拿走不谢：https://www.jianshu.com/p/0de5b78ecd2c

jest之mock函数

通过前面的介绍，我们基本上对jest有了一个初步的了解，并搭建了环境开始上手测试，接下来就开始说函数。本节内容主要如下： mock函数什么是mock函数模拟函数模拟返回值模拟...

溪风_耶罗

2292 1 1

溪风_耶罗

补充两点：
1. 当初始值是数组的情况，如果不想写循环或者使用列表展示，那么可以使用FieldArray： https://formik.bootcss.com/api/fieldarray.html
2. FieldArray 拥有一个render方法，传进一个对象，该对象包含push\pop\remove\insert等操作数组项的方法
3. 子内容展示可以使用 Field 通过给name值来控制
<Field name={`friends.${index}`} />
4. 当使用嵌套组件的时候，外层使用了 useFormik 对form表单进行包裹，那么子组件如果没有讲 useFormik 相关内容传下去，那么也可以使用 useFormikContext 拿到相关内容，如 values\setFieldValue\getIn等

formik看这篇文章就够了

本篇文章将带您从了解formik到掌握，最后熟练使用。本篇文章的code您可以在gitee中获取：https://gitee.com/xifeng-canyang/jest-...

溪风_耶罗

1402 2 1

溪风_耶罗

正文开始，我该讲什么，需要分重点，分别为一，二，三共计五点。需要记忆的是三点和四点，大家做好笔记。那么，这两点主要讲了什么呢？需要我们做深入的思考，从他的广度和深度一起分析，...

溪风_耶罗

中间件函数是可以访问请求对象 ( req)、响应对象( res) 以及应用程序请求-响应周期中的下一个中间件函数的函数。下一个中间件函数通常由名为 的变量表示next。 功能...

溪风_耶罗

指应用程序的端点 (URI) 如何响应客户端请求基本示例 支持的方法 常见的get、post、put和delete等，参考app.METHOD: https://www.ex...

溪风_耶罗

目录结构 bin: 启动目录 public: 公共资源 routes: 路由 views: jade视图 app.js 出口文件 启动程序 node ./bin/www np...

溪风_耶罗

背景 在网络请求中，我们习惯了模拟返回正确的数据，而忽略他的catch情况。因为一般情况下并不会太大的影响覆盖率，但是当测试页面本身代码量少或者catch中有太多的未执行代码...

溪风_耶罗

其实价值感跟金钱没有直接关系，我们用“好好学习将来会赚到年薪百万”这样看不见摸不着的目标鼓励孩子，孩子可能没有感觉，通过亲身体验到自己可以给他人带去什么，来得更实在。不是好好...

溪风_耶罗

最好的教育是帮助孩子成为他自己。 用一个标准、一个模式去培养孩子，最后大部分人是失败者。这是当前社会焦虑的表现，是我们的社会评价体系出了问题。很多人把上名校当作家庭、父母、孩...