- 인쇄
- 어두운빛
JS 단계에서 오류가 발생하면 테스트 결과에 다음 메시지가 표시됩니다:
"JavaScript error: " 뒤의 메시지는 문제가 무엇인지에 대한 단서를 제공합니다.
다음은 JS 단계 오류의 몇 가지 가능한 원인과 해결 방법입니다.
페이지 로드가 완료되기 전에 JS 단계가 실행되었습니다.
JS 단계는 페이지가 로드될 때까지 기다리지 않고 실행됩니다. 예를 들어 CSS 선택기가 찾은 요소를 클릭하는 JS 단계인 경우 페이지 로드가 완료되기 전에 실행되면 CSS 선택기가 요소를 찾을 수 없으므로 단계가 실패합니다.
테스트 결과의 스크린샷과 비디오 로그를 검토합니다. 로딩 화면이 표시되거나 페이지가 불완전한 경우 페이지가 완전히 로드되기 전에 JS 단계가 실행되었을 수 있습니다.
이 경우 해결 방법은 슬립 스텝을 추가하는 것입니다. JS 스텝 앞에 슬립 스텝을 삽입하여 페이지가 로드될 때까지 몇 초 동안 기다리도록 합니다.
오류 메시지의 원인 및 수정 사항
다음으로 몇 가지 일반적인 오류 메시지를 살펴보겠습니다.
Cannot read properties of null
이 오류 메시지는 객체의 프로퍼티에 액세스하려고 할 때 객체가 null
일 때 나타납니다.
예를 들어 CSS 선택기로 선택한 요소를 클릭하려고 한다고 가정해 보겠습니다. document.querySelector()
에 지정된 CSS 선택기에 사용 가능한 요소가 없는 경우 null
이 반환됩니다. 이렇게 반환된 null
에 click
을 실행하면 오류가 발생합니다:
지정한 CSS 선택기가 올바른 요소를 선택할 수 있는지 확인하려면 이 문서를 참조하세요.
xxx is not defined
이 오류는 정의되지 않은 변수나 함수를 참조하려고 할 때 발생합니다. 변수 또는 함수가 정의되어 있는지 확인하세요.
Error: cannot find the element with selector/XPath
자바스크립트 스니펫 자동 완성의 일부 스니펫은 요소를 클릭하기 전에 CSS 선택기/XPath를 사용하여 요소를 선택합니다. 지정된 CSS 선택기/XPath가 올바르지 않거나 테스트를 실행할 때마다 변경되는 동적 값을 포함하는 경우 요소를 선택할 수 없으며 오류가 발생합니다:
이 문서를 참조하여 지정된 CSS 선택기 / XPath가 올바른 요소를 선택할 수 있는지 확인하시기 바랍니다.
관련 문서
- CSS 선택기 / XPath를 얻는 방법](/docs/how-to-get-css-selectors)
- CSS 선택기를 효과적으로 사용하기](/docs/how-to-use-css-selectors-effective)