vue about unit test - javascript

Question

많은 단위 테스트 예제가 실제 DOM 요소를 테스트하는 것을 보았습니다.

예 :

DOM 요소의 텍스트를 확인하는 목적은 무엇

expect(vm.$el.querySelector('div').textContent).toBe('xxx') 

?

계산 된 값을 테스트 할 수 있지만 nextTick을 사용하여 계산 된 값은 테스트하지 않는다고 말하는 사람이 있습니까? 제품이 여러 언어에있는 경우

<htmlTag><a><p>{{user.name}}</p></a></htmlTag> 

그리고 무엇 :

또한, 사람들은 HTML 태그는 요소의 텍스트에 영향을 미칠 것이라고?

HTML 템플릿에 올바르게 표시되어야하는 데이터, 상태, 함수 및 요소를 테스트해야한다고 생각합니다.

Vue의 단위 테스트로 무엇을하고 있습니까?

Answer 1

당신은 다른 질문을하지만 DOM의 단위 테스트에 대한 '일반적인'질문에 대답하려고 노력할 것입니다.

DOM 요소에

단위 테스트는 differents의 이유로 유용 할 수 있지만, 대부분의 importants은 일반적으로 다음과 같습니다 간단한 사용자 작업

• 테스트 간단한 사용자 작업

  예 :

  DOM 요소의 가시성을 토글하는 링크를 클릭하십시오. 양식 유효성 검사를 트리거하는 양식 제출 (...) ac TIONS 쉽게 브라우저 내에서 다양한 네트워크 특성을 결정하기 위해 네트워크 특성

  조작하기 자바 스크립트를 분석 DOM 이벤트를

• 시뮬레이션하여 테스트 할 수 있습니다. 당신이 말했듯이 좋은 예는 here

을 설명

예 here

테스트 DOM 돌연변이 & 조작, 그것은 직접 상태를 테스트하는 것이 좋습니다/때로는/방법,하지만를 바르 그것은 실제 또는 가상 DOM과 유일한 방법입니다.

는 here

Unit Testing in JavaScript 그것을 명확히하고 희망이 도움을 위해 GitHub의에이 (환상적인) 가이드 좀 걸릴 수 있습니다 더 배우려면!