Marionette.CompositeView를 사용하는 모듈의 UnitTest

Question

작동하는 모듈 (Marionette 사용)의 동작을 테스트하고 싶습니다 (1).

이상하게도 js- 모듈 (1)은 작동하지만 Jasmine을 사용하는 단위 테스트 (2)는 실패합니다.

아이디어가 있으십니까?

---

(1)

/*global define*/ 
define([ 
    'marionette', 
    'tasks/views/item', 
    'text!tasks/templates/list.html', 
    'collections/tasks' 
], function (Marionette, itemView, listTemplate, TaskCollection) { 
    "use strict"; 

    var ListView = Marionette.CompositeView.extend({ 

     initialize: function() { 
      this.collection = new TaskCollection(); 
      this.collection.fetch(); 
     }, 

     template: listTemplate, 

     itemView: itemView, 

     appendHtml: function (collectionView, itemView) { 
      collectionView.$el.find('ul.tasks').append(itemView.el); 
     } 

    }); 

    return ListView; 
}); 

---

(2)

 // spec file 
     it("should add a new element", function() { 
      // TODO 
      var itemView = new Backbone.View(), 
       collectionView = new Backbone.View(); 
      this.view.appendHtml(collectionView, itemView); 
      expect(this.view.$el.find('ul.tasks').length).toEqual(1); 
      // Expected 0 to equal 1. 
     }); 

Answer 1

var itemView = new Backbone.View(), 
    collectionView = new Backbone.View(); 
    this.view.appendHtml(collectionView, itemView); 

미안하지만, 당신이 여기 달성 원하는 작업? collectionView.$el이 비어있는 순간에 collectionView.$el.find('ul.tasks')에 무언가를 추가하는 것 같습니다. 따라서 collectionView.$el.find('ul.tasks')은 아무것도 반환하지 않습니다.

console.log()이를 확인하기 위해 추가

appendHtml: function (collectionView, itemView) { 
    console.log(collectionView.$el.html()); 
    collectionView.$el.find('ul.tasks').append(itemView.el); 
}