오늘 플러그인을 위한 qunit 테스트를 작성하던 중, 플러그인의 스타일시트가 qunit 테스트 스위트에서 사용 불가능하다는 사실을 알게 되었습니다.
테스트가 통과하지 못한 이유가 UI 요소에 특정 스타일이 적용되어야 한다는 의존성이 있었기 때문이라는 것을 파악하는 데는 길고 험난한 과정이 필요했습니다.
구체적으로, ember의 {{#each}} 블록 내에서 항목 집합 중 하나의 항목에 active 클래스를 적용하고 있었습니다. 비활성 상태의 목록 항목은 모두 숨겨져 있었고, “active” 항목만 표시되었습니다.
인정하건대, 이는 HTML/컴포넌트 트리에 필요한 것보다 더 많은 요소를 추가하는 것이므로 나쁜 관행일 수 있습니다. 그래서 목록을 반복하는 대신, ember가 단일 활성 항목만 렌더링하도록 리팩터링했습니다.
어쨌든, 이 게시글은 주로 qunit 테스트(최소한 플러그인 관련 테스트)는 플러그인에 의해 정의된 스타일에 의존해서는 안 된다는 점을 문서화하기 위해 작성한 것입니다.