什么是 postDev
前端开发测试的最前沿
扬声器
Recruit Co., Ltd. / Nijibox Co., Ltd. 开发办公室经理
软件工程师
古川洋介
Towers Quest Co., Ltd. 总裁
程序员/IT顾问
和田拓人
Recruit Co., Ltd. / Nijibox Co., Ltd.
软件工程师
仓见洋介
测试历史
我觉得前端本身的概念已经存在了大约 10 年。
首先，我有一种感觉，前端测试不是这么写的。
我将在逻辑部分返回，但外观方面的测试很少
用于自动化测试的测试代码更少。 Cospa 很糟糕，安全性越来越差。由视觉确认代替
为什么 → 每次发生频繁更改时都需要测试代码中断和维护。从技术上讲很难开始。
拥有测试代码是对未来开发的投资，但现在不值得投资
在 E2E 测试中？
前端测试无法确定正确答案。但是，它很脆弱，需要维护。
花钱是有道理的，但不能
我放入了一个神秘的进程，让屏幕休眠 30 秒，以便可以执行测试前端测试能力的背景
前端和后端现在分开了
与此同时，前端
可以在没有服务器端的情况下构建 DOM，
即使没有后端，如果有数据，也只能用前端画屏
如果你知道架构的关键点（PinchPoint），你现在可以在前/后多个开发
通过将逻辑放在前端，有必要在前端对其进行测试。
E2E测试变得不那么重要了，只要准备好数据就可以测试进入编写测试司空见惯的时代
通过用 JSON 替换 PinchPoint
IN 决定了，OUT 也决定了 ← Test 是最容易写的模式
各种工程师创建了测试库
期望值 HTML 是人编写的，但是 HTML 之间很难断言
一种在运行时断言快照 HTML 的方法诞生了 →スナップショットテストflexbox 无法在 phantom js 中绘制
浏览器渲染引擎中的组件现在可以包含在 package.json 中
改进了与浏览器相关的断言准确性支持前端测试的工具
如何有数据输入和 html 输出？
MSW - 模拟服务工作者
PinchPoint中的MSW和http通信被黑，可以用接近实际操作的形式进行测试
您还可以断言 HTTP 状态代码
该工具的目的是允许在中间进行前后端模式开发。
在生产和测试之间不改变配置可以使用什么，CI/CD可以做什么
重要的是你能多快注意到真品和模拟品之间的区别你在做什么测试
故事书
图形
如果对 schema 部分使用 graphql，则类型是确定的，因此您可以很快注意到类型不同前端测试的未来
更多可重复的测试，但仍有一些不稳定性
片状测试
- 更改产品代码
不要担心更改，因为它们会破坏您的测试。
有可访问性吗？
具有高可访问性的屏幕不太可能破坏测试 → 可测试性也得到了改善
改进的可维护性和改进的可访问性引入测试需要前端代码可访问性
工程师的意识诞生了。自上而下的质量改进也发生在自下而上的开发生产力中。在最后
よもやまtalk 用于前端测试
非常感谢您
原创声明：本文系作者授权爱码网发表，未经许可，不得转载;
原文地址：https://www.likecs.com/show-308628090.html