- 필수 기능
- 시작하기
- Glossary
- 표준 속성
- Guides
- Agent
- 통합
- 개방형텔레메트리
- 개발자
- API
- Datadog Mobile App
- CoScreen
- Cloudcraft
- 앱 내
- 서비스 관리
- 인프라스트럭처
- 애플리케이션 성능
- APM
- Continuous Profiler
- 스팬 시각화
- 데이터 스트림 모니터링
- 데이터 작업 모니터링
- 디지털 경험
- 소프트웨어 제공
- 보안
- AI Observability
- 로그 관리
- 관리
이 가이드에서는 브라우저 테스트에서 커스텀 JavaScript를 사용해 UI(사용자 인터페이스)를 테스트하는 방법을 설명합니다. JavaScript 어설션은 동기 및 비동기 코드를 지원합니다.
커스텀 JavaScript를 사용해 어설션을 생성하는 방법:
어설션과 관련한 자세한 정보는 브라우저 테스트 단계를 참고하세요.
특정 ID의 구성 요소가 페이지에 없다는 것을 확인하려면 return !document.getElementById("<ELEMENT_ID>");
를 사용하세요.
페이지가 구성 요소에 없다는 것을 확인하고 콘솔 오류의 구성 요소 개수를 반환하려면 어설션 본문에 다음을 추가하세요.
var element = document.querySelectorAll("<SELECTORS>");
if ( element.length > 0 ){
console.error(element.length+" "+"elements exist");
}
return element.length === 0;
브라우저 테스트 결과에 console.error
로그가 포함되어 있습니다.
라디오 버튼을 체크했다는 것을 확인하려면 어설션 본문에 return document.querySelector("<SELECTORS>").checked === true;
을 사용하세요.
특정 로컬 스토리지 항목 값을 설정하려면 어설션 본문에 다음을 추가하세요.
localStorage.setItem(keyName, keyValue);
return true
예를 들어 다음은 1970년 1월 1일 00:00:00 UTC부터 “mytime"까지 흐른 시간을 밀리초로 표시합니다.
localStorage.setItem("mytime", Date.now());
return true
렌더링된 PDF의 컨텐츠를 테스트하려면 외부 라이브러리를 사용합니다.
외부 라이브러리를 로딩하려면 어설션 본문에 프라미스를 사용하세요.
Custom JavaScript
const script = document.createElement('script');
script.type = 'text/javascript';
//외부 라이브러리 로딩
script.src = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js";
const promise = new Promise((r) => script.onload = r)
document.head.appendChild(script)
프라미스 기다리기
var loadingTask = pdfjsLib.getDocument("<PDF_URL>");
return await loadingTask.promise.then(function(pdf) {
return pdf.getPage(1).then(function(page) {
return page.getTextContent().then(function(content) {
return content.items[0].str.includes("<CONTENT_STRING>")
})
})
});
추가 유용한 문서, 링크 및 기사: