2013-05-07 3 views
1

자바 스크립트에서 클라이언트 측 웹 응용 프로그램을 작성합니다. 템플릿을 만들기 위해 HandleBars.js 템플릿 (예 : .hbs 파일)을 사용했습니다. JavaScript 코드의 스펙을 작성하기 위해 Jasmine 프레임 워크를 사용하고 있습니다. 하지만 사양의 소스 파일에서 .hbs 템플릿을로드하는 데 막혔습니다.Jasmine에 HBS 템플릿을 포함시키는 방법은 무엇입니까?

Jasmine-Jquery (Link) 플러그인을 사용하여 정적 HTML 템플릿을 포함 시켰습니다. HBS 파일에 포함

<li> 
    <div class="fixedText"> 
    <div class="middleItem">Name</div> 
    <div class="midItemValue" style = "margin-right: 0.6rem;"> 
     <input id = "textNewGroupName" type="text" style = "width : 300px;" maxlength="300" name="name" value="{{name}}"> 
    </div> 
    </div> 
</li> 

:

이 샘플 템플릿의 일부입니다. 템플릿의 비슷한 동적 값 (여기서는 name) 때문에 고정 된 고정 방법을 사용할 수 없습니다.

답변

0

은 내가 질문에 나와있는 링크로 예를 아래에있는, 그리고 고정 내가 또한 HBS에 대한 답을 발견하고, 다음대로 HTML

loadFixtures('myfixture.html'); 

// Run test 
some.methodToTest(); 

// Expect that the methodToTest has modified the content in the div 
expect($('#fixtureId')).to...; 

에 사용됩니다 : - 대신로드 myfixture.html

  1. , 내 HBS file로드.
  2. 또한 var t = readFixtures ('myFixture.hbs')로 동일하게 수행 할 수 있습니다.
  3. 또 다른 방법은 Handlebars.compile('myFixture.hbs')