AngularJS 보조 라이브러리 브라우저트리거 사용 예

이 기사의 예에서는 AngularJS 보조 라이브러리 browserTrigger의 사용법을 설명합니다. 참고용으로 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

오늘 저는 ngScenario의 코드 조각인angularjs 소스 코드에서 단위 테스트 보조 라이브러리 browserTrigger를 추천합니다. 기본 사용자는 브라우저 유형 동작을 트리거하여 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 If를 전달합니다. 선택 옵션을 선택하려는 경우 변경을 트리거하고, 현재 옵션을 선택하고, 선택의 뷰 모델 업데이트를 트리거하는 데 도움이 됩니다.

browserTrigger에서는 다른 많은 입력 상자나 HTML 컨트롤에 대한 트리거 인터페이스도 만들었으며 브라우저 호환성도 추가했습니다. 이렇게 하면 브라우저 호환성이나 범위 값을 업데이트하기 위해 다양한 이벤트를 트리거하는 다양한 HTML 컨트롤을 고려할 필요 없이 테스트가 더욱 편리해집니다.

자세한 내용은 ng 공식 테스트 및 browserTrigger 소스코드를 참고해주세요.