Beispiel für die Verwendung des AngularJS-HilfsbibliotheksbrowsersTrigger

Das Beispiel in diesem Artikel beschreibt die Verwendung der AngularJS-Hilfsbibliothek browserTrigger. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Heute empfehle ich einen Unit-Test-HilfsbibliotheksbrowserTrigger aus dem AngularJS-Quellcode, bei dem es sich um einen Code von ngScenario handelt. Der Hauptbenutzer löst ein browserartiges Verhalten aus, um den Wert des Scope-View-Modells in ng zu aktualisieren.

Dies ist ein Beispiel für die Verwendung von browserTrigger für Unit-Tests im AngularJS-Quellcode:

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;);
});

Übergeben Sie in diesem Code browserTrigger If Wenn Sie die Auswahloption auswählen möchten, können Sie damit Änderungen auslösen, die aktuelle Option auswählen und die Aktualisierung des Ansichtsmodells von ng select auslösen.

In browserTrigger haben wir auch Triggerschnittstellen für viele andere Eingabefelder oder HTML-Steuerelemente erstellt und außerdem Browserkompatibilität hinzugefügt. Dies macht unsere Tests komfortabler, ohne dass wir die Browserkompatibilität oder unterschiedliche HTML-Steuerelemente berücksichtigen müssen, die unterschiedliche Ereignisse zur Aktualisierung des Bereichswerts auslösen.

Weitere Informationen finden Sie im offiziellen Test- und browserTrigger-Quellcode von ng.