30、测试技术与开源项目的实践探索-优快云博客

本文链接：https://blog.youkuaiyun.com/elastic6hunter/article/details/153855018

测试技术与开源项目的实践探索

一、参考测试框架中的失效测试

在网页渲染和测试领域，失效测试是参考测试框架的一项重要新增功能。当文档的一部分发生变化，而其余部分保持不变时，发生变化的部分就需要被渲染引擎重新绘制，这一过程被称为“失效”。所有的失效测试都是异步测试，这样能让我们完全控制何时对画布进行快照。

为了测试失效情况，我们需要从渲染引擎捕获信号，以此确定何时可以修改页面，使之前的渲染失效。一旦让之前的渲染失效，我们就移除“reftest - wait”值，允许框架进行测试快照。

下面通过一个简单的例子来说明失效测试。首先是参考文件，它只是一个带有绿色边框的句子：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN>
<html>
  <head>
    <style>
      html, body {margin: 0px;}
      #textdiv {height: 100px; width: 100px; border: solid green;}
    </style>
  </head>
  <body>
    <div id="textdiv">The quick brown fox jumped over the lazy dog and it bit
him</div>
  </body>
</html>

测试文件则是用一个红色块部分覆盖这个句子。当测试运行时