茉莉花/骨干

我的茉莉花测试用于通过。但是，我实现了一个基础骨干视图，该视图提供了几个常见视图的功能。在此之后，我无法通过下面的简单测试。看起来DOM元素（div）不存在，因此我的show view没有正确渲染。任何想法或建议，为什么这是发生和解决办法？茉莉花/骨干

两个骨干观点，一种扩展超出其他的：

var stockShowView = Base.extend({ 
    tagName: 'div', 
    className: 'showSecurity', 
    template: _.template(showTpl), 
    .... 
    render: function() { 
    this.$el.html(this.template({ 
     stock: this.model.toJSON() 
    })); 
    } 
    ....return stockShowView; 

var Base = Backbone.View.extend({ 
    initialize: function() {....//no render function

茉莉花测试

stock_showView = new stockShowView({model: model}); 
    stock_showView.render(); 

    expect(stock_showView.tagName).toEqual('div');

错误

Cannot read property 'length' of undefined

路由器

router.on('route:showPost', function(id) { 
    if (globals.stocks) { 
     var stockpost = new StockModel({_id: id}); 
     stockpost.fetch({ 
      reset: true, 
      success: function(stockpost) { 
      var stock_showView = new stockShowView({model: stockpost}); 
      $("#view_box").html(stock_showView.render().el); 
      } 
     });

来源

2015-05-15 snewc

没有完整的代码是不可能告诉的。分享更多，最好在jsFiddle –

是的，你是对的。但是，这是很多代码。我想我的主要问题是调用.render（），如上所述，是茉莉花浸入到渲染功能的基本视图，而不是stockShowView的明确性？它使用Backbone的路由器，因为我有一个if语句（添加到问题）？或者它只是试图渲染stock_showView？ – snewc

您应该用大写字母写入tagName元素。试试这个：

expect(stock_showView.el.nodeName).toEqual("DIV");

来源

2016-07-14 12:16:46

也可以使用这篇文章http://tinnedfruit.com/2011/03/03/testing-backbone-apps-with-jasmine-sinon.html对于初学者来说非常好的教程 –

回答

相关问题