qUnit 테스트에서 클릭으로 상세보기가 열리지 않음 (에버 테스트 사용)

Question

테스트 할 마스터/세부 정보 페이지가 있습니다. things 목록이 있습니다. 클릭하면 thing의 경로가 렌더링됩니다.

다음 테스트에서는 thing이 (가) 클릭하는 것으로 확인되지만 클릭하지는 않습니다.

이 함께 제기

@exists = (selector) -> 
    !!find(selector).length 

... 

test "things expand to show a detail view", 1, -> 
    visit("/").then(-> 
    click(".things li:contains('Example Thing')") 
    ).then -> 
    ok(@exists("h2")) # a tag in the detail view 

... 

<ul class='things'> 
    {{#each controller}} 
    <li>{{#linkTo 'thing' this}}{{title}}{{/linkTo}}</li> 
    {{/each}} 
</ul> 

{{outlet}} 

... 

<div class='thing'> 
    <h2>{{title}}</h2> 
</div> 

: Failure/Error: Element h2 not found. 아무도 내가 놓친 거지 알고 있나요/방법이 테스트를 통과 얻으려면?

브라우저에서 테스트 주자로 티스푼 (이전의 teabag으로 알려짐)을 사용하고 있습니다. 테스트가 주위를 클릭 할 때 상호 작용을 볼 수 있어야합니까?

Answer 1

<li> 요소를 클릭하지 말고 대신 <a> 요소를 클릭하십시오. 핸들 막대의 도우미 linkTo은 DOM에 <a> 태그를 생성합니다.

같은 것이 click(".things li:contains('Example Thing') a ")과 같아야합니다.