最近分享了关于前端测试的一些内容,关于开发如何通过测试来提升效率,常见的测试框架,以及什么的测试指标是我们关心的。
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.002.jpeg)
[1] 经常会遇到代码审查时候遭遇到非常多的"同事不理解"
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.003.jpeg)
[2] 经常会遇到线上产生很多未知的 bug
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.004.jpeg)
[3] 经常会遇到 Dev 和 测试理解的不一致
那么我们如何避免这样的问题发生?
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.005.jpeg)
作为开发而言,我们关注,代码规范,单元测试,集成测试;
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.006.jpeg)
代码规范
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.007.jpeg)
单元测试
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.008.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.009.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.010.jpeg)
[11] 通过单元测试确认程序的正确性以及发现问题。
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.011.jpeg)
[12] 追求代码覆盖,发现无用代码
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.012.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.013.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.014.jpeg)
使用 Enzyme 测试 React 应用
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.015.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.016.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.017.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.018.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.019.jpeg)
集成测试
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.020.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.021.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.022.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.023.jpeg)
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.024.jpeg)
性能测试
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.025.jpeg)
[26] 我们关注页面的性能,开发在开发完成后,一定要做性能测试,这是对自己代码负责的表现。而对于线上应用级别,如果存在高并发的情况,我们需要去预估 QPS ,及时和 运维沟通,机器的数量,限流策略等。2/8 法则 可以帮助我们预估应用的 QPS 峰值(页面 80% 的访问量来自 20% 的时间访问)。
![](https://img1.wxzxzj.com/Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.026.jpeg)
无论是开发,还是测试,我们都希望我们的质量以及迭代的效率,所以开发应该关注测试,以及在合理条件下完善 测试用例,这也算作为工程师的基本职责。