如何测试Jasmine中的方法，如果beforeEach中的代码是异步的？

Question

我试图用Jasmine写一些测试，但现在有一个问题，如果有一些代码是异步的在beforeEach。

示例代码看起来像：

describe("Jasmine", function() { 

    var data ; 

    beforeEach(function(){ 
     console.log('Before each'); 
     getSomeDataFromRemote(function(res){ 
      data = res; 
     }); 
    }); 

    it("test1", function() { 
     expect(data).toBe(something); 
     console.log('Test finished'); 
    }); 

}); 

可以看到，在beforeEach，我想从远程获取一些数据，并将其分配给data异步。

但在test1，当我尝试验证：

expect(data).toBe(something); 

的数据是undefined，因为getSomeDataFromRemote尚未完成。

如何解决？

Answer 1

就像一个it内异步的东西，你可以使用runs和waitsFor在beforeEach：

define('Jasmine' , function() { 
    var data ; 

    beforeEach(function(){ 
     runs(function() { 
      getSomeDataFromRemote(function(res){ 
       data = res; 
      }); 
     }); 

     waitsFor(function() { return !!data; } , 'Timed out', 1000); 
    }); 

    it("test1", function() { 
     runs(function() { 
       expect(data).toBe(something); 
     }); 
    }); 
}); 

虽然我会认为，那是因为这是测试代码，我认为你应该有在getSomeDataFromRemote打电话给你it因为这里面实际上你在测试什么;）

你可以看到在一些测试中，我已经为异步API这里写了一些大规模的例子：https://github.com/aaronpowell/db.js/blob/f8a1c331a20e14e286e3f21ff8cea8c2e3e57be6/tests/public/specs/open-db.js

Answer 2

在这种情况下，我通常会存储异步调用以立即响应。

我不确定你是否看过它，但​​是关于与Jasmine进行异步测试的一些文档。

Answer 3

我有一个深入的文章描述了如何使用茉莉花测试异步JavaScript函数：http://www.larsavery.com/blog/how-to-test-asynchronous-javascript-functions-using-jasmine/

Answer 4

Jasmine 2.0

要小心，因为在新的茉莉花2.0，这是不会改变，这将是摩卡风格。您必须使用done()函数beforeEach()和it()。例如，假设您想在LAMP服务器中使用jQuery $.get来测试页面是否存在并且不是空的。首先，你需要的jQuery添加到SpecRunner.html文件，并在文件spec.js：

describe('The "index.php" should', function() { 
    var pageStatus; 
    var contents; 

    beforeEach(function (done) { 
     $.get('views/index.php', function (data, status) { 
      contents = data; 
      pageStatus = status; 
      done(); 
     }).fail(function (object, status) { 
      pageStatus = status; 
      done(); 
     }); 
    }); 

    it('exist', function(done) { 
     expect(status).toBe('success'); 
     done(); 
    }); 

    it('have content', function(done) { 
     expect(contents).not.toBe(''); 
     expect(contents).not.toBe(undefined); 
     done(); 
    }); 
}); 

正如你所看到的，你传递给函数done()为beforeEach()和it()参数。当您运行测试时，it()将不会启动，直到在beforeEach()函数中调用done()为止，所以在获得服务器的响应之前，您不会启动期望。

的页面存在

如果页面存在，我们捕获状态，并从服务器的响应数据，我们称之为done()。然后我们检查状态是否为“成功”，以及数据是否为空或未定义。

的页面不存在

如果该页面不存在，我们捕获来自服务器的响应的状态，我们称之为done()。然后我们检查状态是不是“成功”，以及数据是空的还是未定义的（这一定是因为文件不存在）。