jQuery 플러그인으로 이식하기 위해 찾고있는 기존 Javascript 코드가 있습니다. 코드 자체는 아무 것도 복잡하지 않습니다. 사진 크기가 다른 Flickr API 포토 갤러리와 다른 몇 가지 기능이 있습니다. 나는 그것을 빨리 코딩하고 충분히 안정적이지만, 나는 "올바른 방법"으로 다시하고 싶다.jQuery Plugin TDD 시작 지점
저는 Grunt와 Mocha를 사용하여 Yeoman을 기반으로 간단한 TDD 환경을 설정했으며 제대로 작동합니다.
$('#ele').myAwesomePlugin({ ... }); // Do all the things
나는 쓰기 테스트를 시작하는 곳에서 내 머리를 긁적 해요 : 내가 가진 문제는 내 플러그인은 간단한 진입 점을 가진 대부분의 jQuery 플러그인처럼 작동한다는 것입니다. 플러그인을 완성하는 데 필요한 대부분의 코드가 있지만 테스트를 통해 개발이 진행되는 과정을 거치려고 노력 중이며이 높은 수준의 지점에서 작은 부분으로 전환하는 방법을 모르겠습니다. 코드의
프로그램 흐름의 일부 단계는 다음과 같습니다. Flickr와 통신하고, 사진을 수집하거나 (또는 수집하지 않고) 다양한 크기로 나누어 컨테이너로 정렬합니다.
플러그인 자체는 공개적으로 접근 할 수있는 방법을 하나만 갖고 있지만 이상적인 경우 내 테스트가 어떻게 내 깊은 논리에 연결되어야합니까? 내 코드를 jQuery 플러그인이 아닌 더 작고 테스트 가능한 덩어리로 분할 한 다음 결합해야합니까? 테스트 자체가 개발을 주도 할 수있는 방법이 있는지 궁금합니다.
자료 또는 기사를 읽는 것에 대한 권장 사항은 매우 유용합니다. 나는 TDD를하고있는 것을 마침내 꽤 흥분한다!