2

这是我在做什么

我的测试脚本

requirejs(['jquery', 'application'], function($, app){
describe('View Products List', function(){
    // All test in this test suite fails    
    it('Products list should be present', function(done) {    
      $('.productlist').length.should.equal(1);  
      return done();
    });
    it('product list should be have a checkbox for product selection', function(done) {      
      $('.productlist td:first input[type=checkbox]').length.should.equal(1);  
      return done();
    });
    it('product name should be anchor which could be clickable', function(done) {
      $('.productlist td:first a').length.should.equal(1);  
      return done();enter code here
    });
    it('Should show product details on click of product name', function(done) {
      $('.productlist td:first a').click();
      $('.editproduct').length.should.equal(1);
      return done();
    });
 });
 });

骨干视图

var Products = new Backbone.View.extend({
tagName : 'div'
template : productsTemplate
render: function() {
       $(this.el).html(this.template());
   }
 initialize: function() {
       // some code
   }
});

描述

当我运行我的测试脚本并加载 url #products 时，产品视图将呈现到 html 正文。我希望测试用例检查视图生成的 DOM 元素。似乎测试首先运行，即在视图呈现 dom 元素之前，因此它失败了。我们如何确保在我的测试运行之前视图已经完全呈现？

4

1 回答 1

0

在 Mocha 中，异步代码应该包含在一个beforeEach部分中，以确保它在测试之前执行。

在您的情况下，尝试重新渲染本节中的视图：

beforeEach(function() {
    productListView.render();
});

describe('View Products List', function(){
    it("...
    ...

您可以查看这篇文章了解更多详情： http: //lostechies.com/derickbailey/2012/08/17/asynchronous-unit-tests-with-mocha-promises-and-winjs/

于 2013-04-11T10:38:00.857 回答