BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Pinterest如何将JavaScript测试速度提升了15倍

| 作者 谢丽 关注 9 他的粉丝 发布于 2015年2月12日. 估计阅读时间: 2 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

任何时候,Pinterest都运行着数以百计的A/B“试验(experiment)”,其JavaScript测试框架已无法满足他们的试验需求。它需要15分钟才能完成整套“测试(test)”,而且经常会因为试验行为变更以及网络/浏览器问题而中断。因此,他们借机重构了Web测试框架,并于近日在官方博客上介绍了其中几项重点改进。

新框架名为Affogato,架构如下:

他们主要从以下几个方面进行了改进:

  • 速度——他们曾试图通过在多个并行的Headless浏览器中运行JavaScript测试框架来实现优化。但这种方法未能解决整套测试耗时过长的问题,而且还会导致不可预测的机器资源争用问题。后来,他们选择了jsdom。这是一个node.js命令行工具,实现了WHATWG DOMHTML标准。在他们内部进行的大部分基准测试中,测试速度提升了5到20倍。其中,“DOM操作多(DOM-heavy)”的测试性能提升最大。另外,鉴于他们的构建系统可以利用任意数量的处理器内核,他们将整套测试分成了多个小块。
  • 可靠性——为了降低数据查找和网络传输代价,他们使用了测试“固件(fixture)”。所谓固件,就是一些包含JSON数据的文件。这些数据描述了需要测试的对象。测试框架使用固件创建恰当的“模拟对象(mock object)”,使他们无需编写实例化模拟对象的样板代码就可以测试对象的不同状态。另外,当进行服务器端调用时,可能会因为网络暂时不可用导致测试失败。为了避免这种情况,他们实现了一个XHR记录器,监听Ajax请求,并将响应写入文件,用于稍后重放。该记录器使测试时间平均减少了30%。
  • 易用性——他们封装了Mocha框架,添加了许多语法糖,使它很容易运行任意数量的试验(它们是给定测试的一部分)。而借助Sinon.JS及其沙盒,每次测试完成后,整个环境都可以自动完成清理。他们还使用ES6 Promise简化了异步测试的编写。

经过上述改进,他们1分钟就可以完成先前需要15分钟才能完成的测试。而且,3个月的使用表明,该测试框架的可靠性也有了很大的改善。


感谢郭蕾对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT