Heim > php教程 > PHP开发 > Hauptteil

Beispiel für die Verwendung des AngularJS-HilfsbibliotheksbrowsersTrigger

高洛峰
Freigeben: 2016-12-08 09:23:45
Original
1208 Leute haben es durchsucht

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;);
});
Nach dem Login kopieren

Ü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.


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage