The Heungsub

jquery.doctest.visualize.js

예전에 강규영 님이 만드신 JSSpec을 보고 크게 감동한 적이 있었습니다. JSSpec은 JavaScript BDD 프레임워크로 MooTools에서 자체 테스트 툴로 채용하기도 했습니다. 저 또한 MooTools 팬 시절 minto(망한 3D 라이브러리)나 VLAAH 등을 개발하면서 유용하게 사용해왔습니다.

그러다보니 jquery.doctest.js를 만들면서도 JSSpec 스러운 시각화를 꼭 해보고 싶었습니다. 마침내 어제와 오늘, 짬짬이 시간 내어 시각화 기능을 구현했습니다. 원래 jquery.doctest.js는 구조적으로 시각화하기 어려운 면이 있었는데, 작업을 진행하면서 jquery.doctest.js 자체의 품질도 상당 부분 개선할 수 있었습니다.

이곳에서 실제 구동을 확인하실 수 있습니다. 시각화 스크립트의 이름은 jquery.doctest.visualize.js로 정했습니다.

시각화의 가능성만을 우선 확인하려고 했기 때문에 크로스브라우저 등의 문제는 전혀 신경 쓰지 않았습니다. 어쨌든 Windows에서의 Google Chrome 5에서는 정상적으로 나타납니다. 스크립트 내에 포함된 마크업은 어제 만든 multiline.js 형식으로 저장해두었습니다. 썩 좋은 방법은 아니지만 HTML 문서를 먼저 작성해놓고 그대로 카피해도 되니 역시 맘에 듭니다.

모쪼록 jquery.doctest.visualize.js로 즐거운 TDD하시길 바랍니다.