ANSWER : SO 外部の誰かからのアドバイス: html をビュー ファイルに入れ、それを本番環境と testRunner ページの両方に挿入します。問題が解決しました。
以下の太字の質問
ユーザーがクリックしたときに、要素を 50px 左に移動するメソッドがあるとします。
これを担当する機能は
function moveElemLeft($elem, iPxLeft){}
私のテストスクリプトには、基本的に次のものがあります。
test("test moves function left via css", 1, function(){
//get first elem in test fixture.
var $testFixture = $('#qunit-fixture').children().eq(0);
var beforeLeft = $testFixture.css('left');
moveElemLeft($testFixture, 50);
var afterLeft = $testFixture.css('left');
equal(beforeLeft-50, afterLeft);
});
私のtestRunner HTMLでは、次のようなものがあります
<head><script href="test.js" /></head>
<body>
<div id="qunit-fixture">
<div id="testChild" class="absolute no-margins">
</div></div>
</body>
----- 質問 ---- テスト フィクスチャで記述した html は明らかに些細なものであるため、関数がテスト中に正しく実行されても、本番環境では正しく実行されない可能性は高くありませんか? テスト ランナーの html ファイルと同じ html を本番環境で使用した方がよいのではないでしょうか?
しかし、それを行うには、テストのセットアップで、本番用の html ファイルからテスト ランナー ファイルに html をコピーする必要があります。それは可能ですか?ここでのベストプラクティスは何ですか?