javascript – 单元测试JS应用程序,页面重新加载和iframe

前端之家收集整理的这篇文章主要介绍了javascript – 单元测试JS应用程序,页面重新加载和iframe前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个应用程序,哪个页面重新加载/导航和iframe是至关重要的,这些部分似乎非常棘手的覆盖单元测试.

我想要写smt.喜欢这个:

it('should fire appropriate callbacks on start and page reload',function() {
  app.start();
  expect(app.onStart).toHaveBeenCalled();
  page.reload();
  expect(app.onRestart).toHaveBeenCalled();
}

it('should know whether it runs in iframe or not',function() {
  expect(app.isInIframe()).toBe(false);
  iframe = createTestIframe();
  expect(iframe.getApp().isInIframe()).toBe(true);
}

我知道的单元测试框架(mocha,Jasmine,QUnit)都是设计为在一个页面上进行整个测试套件,在顶层环境中.

另一方面,功能测试框架(FuncUnit,TestCafé,Selenium WebDriver)似乎专注于高级抽象,例如“点击元素”,“检查元素的值”等,而不是挖掘代码执行的能力.

免责声明:我一般来说比较新的测试,所以也许我应该从不同的角度来看待这个问题.

解决方法

Intern的设计是为了在这种情况下实现这些功能测试,实际上是由于您在现有JS测试框架中不能实现这些交互的描述的问题而创建的.它包括一个功能测试界面,可以像这样工作,假设应用程序在Node.js方面的事情,你会做这样的事情:
define([ 'intern!bdd','intern/chai!expect','my/app' ],function (bdd,expect,app) {
   var it = bdd.it;

   it('should fire appropriate callbacks on start and page reload',function() {
     app.start();
     return this.remote.get('http://path/to/server')
       .then(function () {
         expect(app.onStart).toHaveBeenCalled();
       })
       .refresh()
       .then(function () {
         expect(app.onRestart).toHaveBeenCalled();
       });
   });

   // ...etc.
});

Intern tutorial可以更好地了解单元和功能测试之间的差异以及如何使用两者.与其他像CasperJS这样的建议不同,它实际上将使用标准的WebDriver API与一个像Sauce Labs或者你自己的Selenium服务器一样的服务来运行对真实浏览器的功能测试.

猜你在找的JavaScript相关文章