casperjs 예제

casperjs 예제

이 문서에서는 CasperJS, 주요 기능 및 몇 가지 기본 예제를 설치하는 방법을 설명합니다. 이 문서의 초점은 CasperJS의 모든 기능을 제공하는 것이 아니라 CasperJS 기능의 개요와 사용 시기를 제공하는 것입니다. 탐색 단계의 이행을 추적하기 위해 화면 캡처 메커니즘이 사용되는 경우(예: 라인 49, 76, 80) 수동으로 테스트하면 지루하고 느리기 때문에 신뢰성 문제가 있습니다. 예를 들어 버그가 발견될 때 이를 재현하기 위한 중요한 세부 정보가 이미 잊어버렸을 수 있습니다. 또한 다른 사람에 대한 참조역할을 하기 위해 테스터가 수동 테스트 결과를 잘 문서화해야 합니다. 이러한 이유로 테스트는 자동화가 실제로 도움이 될 수 있는 분야입니다. 예를 들어 단추를 클릭한 후 요소가 표시되기를 기다리는 동안 위의 onWaitTimeout 콜백이 호출되고 대기 시간 초과가 초과되었습니다. 이제 세 가지 간단한 예제를 살펴보겠습니다. 첫 번째는 단순히 codeship.io 열고 "작업"링크를 클릭하고 작업 페이지에 있는지 확인합니다. URL의 모든 리소스를 로드하는 웹 페이지를 스크래핑하면 다소 간단한 예제가 제공됩니다. 아래의 작은 스크립트는 firstexample.js라는 파일에 저장할 수 있습니다.

이 예에서는 Http://casperjs.org/ CasperJS 공식 웹 페이지의 링크가 스크랩되어 콘솔에 인쇄됩니다. 예를 들어 casperjs 테스트 codeshiptest.coffee로 파일을 실행할 수 있습니다. 디렉터리에 모든 파일을 넣고 casperjs 테스트 캐스퍼 테스트와 같은 casperjs에 디렉토리 경로를 전달합니다. 이렇게 하면 caspertest 및 해당 하위 디렉토리에서 모든 테스트 파일이 실행됩니다. 다음 예제에서는 Google에서 "casperjs" 및 "phantomjs"라는 두 용어로 연속적으로 검색하여 결과 링크를 표준 배열에 집계하고 결과를 콘솔에 출력합니다. 이 자바 스크립트를 작성하는 방법에특별한 것은 없습니다. 이 예제에서는 jQuery가 아닌 일반 오래된 DOM 메서드를 사용하고 있지만 평가 함수 내에서 원하는 경우 jQuery를 사용할 수 있습니다. 내 예에서, 나는 그것을 index.js라고 불렀다. 가장 먼저 해야 할 일은 코드에 캐스퍼 인스턴스를 만들지만 모듈을 요구하고 몇 가지 기본 매개 변수를 전달하는 것입니다 샘플 예제 리포지토리를 찾아보십시오. 뿐만 아니라 당신의 멋진 예에 대한 요청을 당겨 주저하지 말고! create() 함수와 캐스퍼 생성자는 모두 표준 JavaScript 개체인 단일 옵션 인수를 사용합니다. 주석이 있는 예는 다음과 같습니다: 세 번째 예제에서는 guten Tag를 translate.google.com 사용하여 Good day로 변환하고 올바른 번역을 어설션합니다. 팬텀JS 바이너리는 http://phantomjs.org/download.html 아카이브로 다운로드하여 모든 위치로 추출할 수 있습니다.

Windows를 사용하는 경우 PATH 환경 변수에 설치 위치("/bin" 디렉터리로 추가)를 추가해야 합니다. 그래서, 논리의 간단한 조각으로 시작하자; CasperJS 어설션 시스템을 사용하여 계속하기 전에 특정 요소가 제자리에 있는지 확인합니다. 요소가 없는 경우 스크립트는 단순히 실패하지만 적어도 그 이유를 알 수 있습니다. 이 어설션 동작은 과거에 성공적으로 스크랩한 페이지의 변경 사항을 주의하는 데 매우 중요하지만 마지막으로 살펴본 이후 새 구조가 있을 수 있습니다. 1줄에서 CasperJS에서 제공하는 테스터 클래스의 인스턴스에 대한 액세스는 기본적으로 캐스퍼 클래스 인스턴스의 테스트 속성을 통해 이루어집니다. 그런 다음 시작 메서드가 호출되어 설명, 실행될 것으로 예상되는 테스트 수 및 콜백 함수의 세 가지 인수를 전달합니다. 이 경우 1개의 테스트가 있는 제품군이 시작됩니다. 세 번째 매개 변수인 콜백 함수는 현재 Tester 인스턴스를 첫 번째 인수로 가져옵니다.

אין תגובות

מצטער, טופס התגובה סגור בשלב זה.