49

Web 前端测试指南

 4 years ago
source link: https://www.jackpu.com/web-qian-duan-ce-shi-zhi-nan/?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
2019-06-03 | 3 min read

最近分享了关于前端测试的一些内容，关于开发如何通过测试来提升效率，常见的测试框架，以及什么的测试指标是我们关心的。

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.002.jpeg

[1] 经常会遇到代码审查时候遭遇到非常多的"同事不理解"

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.003.jpeg

[2] 经常会遇到线上产生很多未知的 bug

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.004.jpeg

[3] 经常会遇到 Dev 和 测试理解的不一致

那么我们如何避免这样的问题发生？

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.005.jpeg

作为开发而言，我们关注，代码规范，单元测试，集成测试;

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.006.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.007.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.008.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.009.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.010.jpeg

[11] 通过单元测试确认程序的正确性以及发现问题。

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.011.jpeg

[12] 追求代码覆盖，发现无用代码

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.012.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.013.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.014.jpeg

使用 Enzyme 测试 React 应用

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.015.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.016.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.017.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.018.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.019.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.020.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.021.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.022.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.023.jpeg
Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.024.jpeg
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% 的时间访问）。

Web%20%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E6%8C%87%E5%8D%97.026.jpeg

无论是开发，还是测试，我们都希望我们的质量以及迭代的效率，所以开发应该关注测试，以及在合理条件下完善 测试用例，这也算作为工程师的基本职责。


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK