如何进行前端自动化测试

Question

如何进行前端自动化测试

Answer 1

一般前端自动化测试大致包括类库单元测试自动化UI组件测试自动化类库单元测试自动化较好实现基本思路是让不同的浏览器可以自动根据指令跑一些JS函数结果与预期比对后返回是否通过case测试标志其中一般有两种实现方式：其一：1.打开目标浏览器，运行测试框架站点2.测试框架站点通过ajax 轮询、websocket 等方式，将待测 js 的 case 在浏览器内运行（通过eval 、createElement("script") 等方式）3.比对测试结果，将结果 post 到远端4.远端接受测试结果5.远端等待所有浏览器返回结果完成6.marge 所有浏览器数据显示最终通过与否结果。这种方式弊端：人工开启一次所有浏览器需要排队测试，浏览器只能一次运行完一组测试后才能再运行下一组如果中间某testcase导致浏览器异常，返回结果将缺失，需要人工去服务器上检查下浏览器状态好处：可以覆盖所有想覆盖到的浏览器另一种方式：1.将常用浏览器内核放进一个或多个相互有关联的进程内2.用例通过系统消息发送到各个包装的内核中3.每次开启一个新内核进程运行JS用例4.用例结果发送给包装进程5.包装进程汇集所有用例结果后post到远端保存6.包装进程连带内核进程一起退出优点：无序人工开启一次浏览器独立进程运行，无需排队不怕内核异常，异常后包装进程可以直接恢复内核或者通知测试失败缺点：前端实现太困难，需要C++开发无法覆盖到所有浏览器常用内核覆盖更新劳心劳力