jQueryプラグインに移植しようとしている既存のJavascriptコードがいくつかあります。コード自体は複雑ではありません。Flickr API フォト ギャラリーにはさまざまなサイズの写真があり、他にもいくつかあります。私はそれをすばやくコーディングし、十分に安定していますが、「正しい方法」でやり直したいと思っています。
Yeoman をベースに、Grunt と Mocha を使用してシンプルな TDD 環境をセットアップしましたが、うまく機能します。私が抱えている問題は、私のプラグインがほとんどの jQuery プラグインのように機能し、単純なエントリ ポイントを持つことです。
$( '#ele' ).myAwesomePlugin( { ... } ); // Do all the things
どこからテストを書き始めたらいいのか頭を悩ませています。プラグインを完成させるためのほとんどのコードは既に作成済みですが、テストによって駆動される開発の動きを確認しようとしており、この高レベルのポイントからより小さな部分に移行する方法がわかりません。コードの。
プログラム フローのいくつかの段階は、Flickr との通信、写真の収集 (または収集しない)、さまざまなサイズへの分割、コンテナーへの配置などです。
プラグイン自体には、(理想的には) 一般にアクセス可能なメソッドが 1 つしかありませんが、その場合、テストをより深いロジックにどのように接続すればよいでしょうか? コードを jQuery プラグインではない小さなテスト可能なチャンクに分割してから、それらを結合する必要がありますか? テスト自体がその開発を推進する方法があるかどうかに興味があります。
資料や記事を読む際の推奨事項は非常に役立ちます。ついにTDDをやれることにとても興奮しています！