AngularJS補助ライブラリbrowserTriggerの使用例

この記事の例では、AngularJS 補助ライブラリ browserTrigger の使用方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです。

今日は、angularjs ソース コードからの単体テスト補助ライブラリ browserTrigger をお勧めします。これは ngScenario のコードです。メイン ユーザーは、ブラウザ タイプの動作をトリガーして、ng のスコープ ビュー モデルの値を更新します。

これは、angularjs ソース コードでの単体テストに browserTrigger を使用する例です:

it('should set the model to empty string when empty option is selected', function() {
  scope.robot = 'x';
  compile(&#39;<select ng-model="robot">&#39; +
       &#39;<option value="">--select--</option>&#39; +
       &#39;<option value="x">robot x</option>&#39; +
       &#39;<option value="y">robot y</option>&#39; +
      &#39;</select>&#39;);
  expect(element).toEqualSelect(&#39;&#39;, [&#39;x&#39;], &#39;y&#39;);
  browserTrigger(element.find(&#39;option&#39;).eq(0));
  expect(element).toEqualSelect([&#39;&#39;], &#39;x&#39;, &#39;y&#39;);
  expect(scope.robot).toBe(&#39;&#39;);
});

このコードでは、選択したい選択オプションを browserTrigger に渡します。これは、変更をトリガーして選択するのに役立ちます。現在のオプションのビューモデルの更新もトリガーされます。

browserTrigger では、入力ボックスや HTML コントロール用の他の多くのトリガー インターフェイスも作成し、ブラウザーの互換性も追加しました。これにより、ブラウザーの互換性や、スコープ値を更新するためにさまざまなイベントをトリガーするさまざまな HTML コントロールを考慮する必要がなく、テストがより便利になります。

詳細については、ng の公式テストとブラウザトリガーのソース コードを参照してください。