Zen 코딩 역방향

저는 자바 스크립트 유닛 테스트 스위트를 작성 중이며 추가하고 싶은 기능 중 하나는 특정 요소와 해당 하위 요소가 주어진 HTML 구조와 일치한다는 것을 주장하는 기능입니다.Zen 코딩 역방향

첫 번째 아이디어는 jQuery (잘, Sizzle)를 사용하여 사용자가 Zen Code 문을 써서 어설 션을 작성하도록 요청하는 것입니다. 내 첫 번째 질문은 입니다. "이전에 해본 적이 있습니까? 내가 훔칠 수 있습니까?". 그렇지 않다면 Zen Code 문을 구문 분석하는 방법에 대한 사양이 어디에나 인쇄되어 있습니까? Sizzle의 힘을 빌려서 만들 수있는 단축키가 있습니까?

출처

2011-02-01 nickf

난 당신이 지글 지글 + http://api.jquery.com/size/

예 선 코드 쿼리는 "사업부 번호 페이지> div.logo + UL # 네비게이션> 리 * 5>에"거기 얻을 수 있다고 생각합니다. 페이지가 jQuery에서 동일한 구조를 가졌는지 테스트하는 것은 $ ("div # page> div.logo + ul # navigation> li> a")만큼 쉽습니다. size() == 5

사용자가 이미 선 (sen) 코드에 익숙하다면 assertSelects (selector, number_of_returned_items)와 같은 api를 사용하는 테스트는 더 조밀해야한다.

출처

2011-02-01 17:23:33

괜찮 았어.하지만 div> (ul> li) + p> a와 같은 약간 복잡한 표현으로 나누어진다. – nickf

nickf : 나는 CSS 선택자가 할 수있는 모든 일을 할 수 있다고 제안하지 않는다. 노드와 자식 노드가 특정 구조를 가지고 있는지 알려주는 데 충분합니다. –

Zen 코딩 역방향

답변

관련 문제