Vue 테스트 유틸리티: Vuelidate 유효성 검사 규칙을 하위 구성 요소에 전달하는 방법은 무엇입니까?

Question

vue test utils 编写 component test 하위 구성 요소와 다른 콘텐츠 간의 상호 작용을 테스트하는 동안 하위 구성 요소에서 Vuelidate를 사용하여 중단되었습니다. 다음은 간단한 예입니다:

으아아아 으아아아 으아아아

하위 구성 요소도 설치하고 싶기 때문에 shallow-mount는 내가 찾고 있는 것이 아님) 하위 구성 요소와 해당 Vuelidate 유효성 검사 규칙을 설치할 수 있는 솔루션을 찾으려고 노력하고 있지만 아직 솔루션을 찾지 못했습니다. .

대신 내 테스트에서는 다음과 같은 오류가 발생했습니다.

으아아아

테스트가 하위 구성 요소의 $v 인스턴스에 액세스할 수 없기 때문에 이는 의미가 있습니다.

지금까지 구현한 사람이 있나요?

Answer 1

질문에 답변해 드리기 위해 몇 가지 테스트를 해본 결과 mount 内的 data부분

을 놓치신 것으로 보입니다.

1. mount: 하위 구성요소 렌더링
2. shallowMount: 하위 구성 요소를 렌더링하지 마세요

MyParentComponent 옵션에 하위 구성 요소의 구조를 포함해야 하므로 오류가 반환됩니다

컴포넌트 가져오기를 직접 전달하고 계시네요. 하지만 테스트 폴더가 src폴더

외부에 있다는 점을 잊지 마세요.

从“@/components/ChildA”导入ChildA；

작동하지 않습니다. 대신 절대 경로를 직접 사용하여 하위 구성 요소를 가져오거나 구성을 사용하여 문제를 해결하는 것이 좋습니다

으아아아