how to debug printing entire component in testing-library

테스트가 불이치가 되면 틀린부분 dom element를 확인할수 있다. 이부분이 도움이 되긴하는데

모든영역이 뜨지는 않는다. 또 안틀려도 보고싶을때가 있는데 그때 debug() 메서드가 있다.

 

render 함수에서 꺼내쓰면 되는데 const { debug } = render( 컴포넌트);

debug(); 를 실행해주면 해당테스트 렌더된 컴포넌트를 확인할수있다.

 

그리고 이게 debug()를 해도 element 가 충분히 안보여지는데 이는 default option이 7000자 로 되있어서 그렇다.

DEBUG_PRINT_LIMIT=30000 yarn test

또는

debug(undefined, 30000);

 

이렇게 옵션수정할수 잇따.