Vuejs 단위 테스트 문제로 인해 빈 DOMWrapper에서 텍스트를 호출할 수 없습니다.

Question

vue 테스트 유틸리티를 사용하여 구성 요소를 테스트하고 있는데 텍스트를 테스트하려고 할 때 이 오류가 발생했습니다. 빈 DOMWrapper에서 텍스트를 호출할 수 없습니다.

업데이트된 코드. atable.spec.ts 테스트에서 "RangeError: 최대 호출 스택 크기가 초과되었습니다."

atable.spec.ts

으아아아

테이블 보기 테이블 구성 요소를 자체 구성 요소로 리팩터링합니다. 이제 대시보드 구성요소로부터 소품을 받습니다.

으아아아

Answer 1

Dashboard 구성 요소를 테스트 중이며 ATable() 구성 요소가 전달된 슬롯 콘텐츠를 렌더링하는지 확인하려고 합니다. 이것은 잘못된 것입니다. ATable 컴포넌트를 고려할 때 Dashboard 컴포넌트를 테스트할 때 확인해야 할 것은 ATable 컴포넌트가 방금 렌더링되었는지 여부입니다. 그게 다야.

으아악

ATable의 슬롯 콘텐츠 테스트는 Dashboard 구성 요소가 아닌 ATable 구성 요소 테스트에 맡겨야 합니다.

으아악