概要
SVGをブラウザ上のクリックやドラッグで組み立てるソフトを作りました。それはjavascriptで書かれ、かつテストコードはありません。テスト駆動開発の学習のためTypescriptで作り直そうとしました。しかし、ブラウザ上にSVG要素が生成されているかどうかを知るには、目視での確認が必要だと思いました。つまり自動テストができないと思えるのです。画像を描写するソフトは一体どうすればテスト駆動開発でできるでしょうか?
###ソフトの詳細
工程分析表という、工程を表す複数の円形の記号を線でつなぎ、トーナメント表のような図を作るソフトを作りました。SVG上で円形記号を線でつなぎクリック&ドラッグで図を完成させます。ブラウザ上で動きます。作ったものはjavascriptで書かれ、ほとんどのクラスがSVGに変更を加えます。
###困っていること
テスト駆動開発ができません。
例えば、SVG要素生成時にその要素を戻す関数をテストするにしても、戻り値をチェックするだけでは不十分で、実際にSVGにその要素が追加されているところまで確認しないと意味がないと思えます。しかも属性まで調べるとなるとアサーションが非常に多くなります。目視すれば一発でわかるのですが。
Kent Beck著の「テスト駆動開発」を読んでも画像のような副作用の塊をどう処理していいのかわかりませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/06 12:34
2018/05/09 12:28
2018/05/09 12:34