--env
Eric Elliott는 JavaScript 테스트 : JavaScript 테스트 : 단위 테스트, 기능 테스트 및 통합 테스트에 관한 기사를 작성했습니다.이 테스트 유형 및 사용시기를 설명하는 단위 테스트, 기능 테스트 및 통합 테스트.
시작하기 전에 기능 테스트가 무엇인지, 왜 중요한지 검토해 봅시다. 간단히 말해서, 기능 테스트는 응용 프로그램이 사용자의 관점에서 예상대로 작동하도록 설계되었습니다.
키 포인트
<.> nightwatch.js는 Node.js를 기반으로 한 엔드 투 엔드 테스트 프레임 워크입니다. 웹 브라우저 자동화 용 셀레늄에 의존하여 스크립트 시나리오를 작성한 다음 브라우저에서 자동으로 실행할 수 있습니다.
<..> nightwatch.js는 기계에 node.js를 설치해야하며 Java에서 실행되는 Selenium Webdriver 서버가 필요한 Selenium Webdriver API에 의존하므로 Java Development Kit (JDK 7)를 설치해야합니다. 사용자의 환경.).
파일 또는 파일에 배치 할 수 있습니다. 생산 환경. <.> nightwatch.js는 테스트 된 페이지 또는 페이지 스 니펫을 객체로 랩핑하여 기본 HTML 및 공통 구성을 추상화하여 시나리오를 단순화하고 테스트 스위트를 쉽게 유지 관리 할 수있는 페이지 객체 메소드를 지원합니다.
nightwatch.json
nightwatch.conf.js를 사용하여 시스템에서 Java를 사용할 수 있는지 확인할 수 있습니다. 마지막 단계는 셀레늄 다운로드 페이지에서 항아리로 패키지 된 셀레늄 독립형 서버를 다운로드하는 것입니다. 프로젝트의 java -version 폴더에 넣는 것이 좋습니다. bin
npm install --save-dev nightwatch
<<> 구성 NightWatch
<🎜 🎜> 당신이 상상할 수 있듯이, Nightwatch에는 많은 구성이 있습니다. 다행히 시작하기 위해 모든 것을 알 필요는 없습니다. 구성은 프로젝트의 루트 디렉토리에파일 또는 파일에 배치 할 수 있습니다. 후자는 더 유연하고 주석을 추가 할 수 있으므로 후자를 사용하는 것이 좋습니다.
<<> 참고 : 구성 파일이 작은 구성 객체로 분할되면 개인적으로 읽기가 더 쉽다고 생각하며 JSON 파일은이를 허용하지 않습니다. nightwatch.json <<>
<,>이 경우, 우리는 테스트가 특정 셀레늄 구성 및 특정 테스트 설정을 사용하여 nightwatch.conf.js 폴더에있을 것이라고 NightWatch에 알려줍니다. 하나씩 봅시다 :
<code>your_project/ | |– bin/ | |– selenium-server-standalone-2.53.1.jar | `– package.json</code>
에서 실행하도록 지시합니다. 또한 폴더에 다운로드하고 저장 한 셀레늄 서버를 사용하여 자동으로 시작해야합니다. <🎜 🎜> <<> 참고 :보다 고급 사용량을 보려면 모든 셀레늄 옵션 목록을 확인하십시오.
<<>
tests NightWatch의 <🎜 옵션은 키가 각 환경의 이름 인 객체를 다른 구성 객체에 매핑하는 객체를 기대합니다. 이 경우, 우리는 사용자 정의 환경을 설정하지 않았으므로 (아직 아님) 기본 환경을 사용합니다. 나중에 준비 또는 생산 테스트 환경을 가질 수 있습니다.
var SELENIUM_CONFIGURATION = {
start_process: true,
server_path: 'bin/selenium-server-standalone-2.53.0.jar',
host: '127.0.0.1',
port: 4444
};
var FIREFOX_CONFIGURATION = {
browserName: 'firefox',
javascriptEnabled: true,
acceptSslCerts: true
};
var DEFAULT_CONFIGURATION = {
launch_url: 'http://localhost',
selenium_port: 4444,
selenium_host: 'localhost',
desiredCapabilities: FIREFOX_CONFIGURATION
};
var ENVIRONMENTS = {
default: DEFAULT_CONFIGURATION
};
module.exports = {
src_folders: ['tests'],
selenium: SELENIUM_CONFIGURATION,
test_settings: ENVIRONMENTS
}; <<> 참고 :보다 고급 사용을 보려면 모든 테스트 옵션 목록을 확인하십시오. 127.0.0.1:4444 <<>
bin
<,>이 경우 Firefox를 사용하고 JavaScript를 활성화하며 SSL 인증서를 수락합니다. 한 걸음 더 나아가 특정 브라우저 버전 (<🎜 🎜> 사용) 또는 운영 체제 (<🎜 🎜> 사용)를 지정할 수 있습니다.
<<>
테스트의 경우 이메일 필드, 비밀번호 필드 및 제출 버튼이있는
<🎜 🎜> <<> 참고 : 항상
<<> 참고 : Firefox 47의 출시로 Firefoxdriver의 확장 기반 버전이 작동을 멈췄습니다. 이것은 Firefox 47.1 및 Selenium 2.53.1에서 고정되었습니다. 다른 브라우저를 사용하여 테스트를 실행하려면 프로젝트의 위키를 확인하십시오. <<>
페이지 객체 <🎜 🎜>를 사용할 수 있습니다.
파일을 만들 수 있습니다. 파일 이름은이 파일에 지정된 모든 구성을 검색하기위한 키로 사용되므로 의미있는 이름을 제공하는 것이 좋습니다.
그런 다음 CSS 선택기를 별칭으로 교체하고 <🎜 🎜> 기호로 접두어를 교체하여 사용자 정의 이름을 참조하고 있음을 나타냅니다. 그게 다야. <<> 페이지가 아닌 클라이언트 자체의 세션을 종료하는 방법에 주목하십시오.
<<> nightwatch.js faq (faq) <🎜 🎜> <🎜 🎜>
<..> nightwatch.js는 단순성과 사용 편의성 때문에 눈에 띄게됩니다. 그것은 간결하고 명확한 구문을 가지고있어 쓰기 테스트를 덜 복잡하게 만듭니다. 다른 테스트 프레임 워크와 달리 NightWatch.js에는 테스트 러너가 제공되므로 다른 도구가 필요하지 않습니다. 또한 CSS 및 XPATH SELECTORS를 지원하므로 웹 페이지에서 다른 유형의 요소를 처리 할 때보다 보편적입니다.
tests
이 파일은 시나리오를 설명하는 객체를 내 보냅니다. 각 키 (여러가있는 경우)는 테스트 이름이며 수행 할 단계가 포함 된 함수에 매핑됩니다. tests
login.js
npm install --save-dev nightwatch
로그인 후 복사로그인 후 복사로그인 후 복사 <<>
<code>your_project/
|
|– bin/
| |– selenium-server-standalone-2.53.1.jar
|
`– package.json</code>
로그인 후 복사로그인 후 복사로그인 후 복사var SELENIUM_CONFIGURATION = {
start_process: true,
server_path: 'bin/selenium-server-standalone-2.53.0.jar',
host: '127.0.0.1',
port: 4444
};
var FIREFOX_CONFIGURATION = {
browserName: 'firefox',
javascriptEnabled: true,
acceptSslCerts: true
};
var DEFAULT_CONFIGURATION = {
launch_url: 'http://localhost',
selenium_port: 4444,
selenium_host: 'localhost',
desiredCapabilities: FIREFOX_CONFIGURATION
};
var ENVIRONMENTS = {
default: DEFAULT_CONFIGURATION
};
module.exports = {
src_folders: ['tests'],
selenium: SELENIUM_CONFIGURATION,
test_settings: ENVIRONMENTS
};로그인 후 복사로그인 후 복사로그인 후 복사.end()
var SELENIUM_CONFIGURATION = {
start_process: true,
server_path: 'bin/selenium-server-standalone-2.53.0.jar',
host: '127.0.0.1',
port: 4444
};로그인 후 복사
<,>이 파일에서는 향후 시나리오를보다 쉽게 작성할 수 있도록 우호적 인 이름을 가진 URL과 별칭을 지정합니다. login()
@ <<>
여러 환경 사용 <🎜 🎜> <<> npm install --save-dev nightwatch
로그인 후 복사로그인 후 복사로그인 후 복사 특정 환경에서 테스트를 실행하려면 CLI에서 옵션을 사용할 수 있습니다. 이 옵션을 생략하면 기본 환경 (이미 구성 중)이 사용됩니다.
--env
<code>your_project/
|
|– bin/
| |– selenium-server-standalone-2.53.1.jar
|
`– package.json</code>
로그인 후 복사로그인 후 복사로그인 후 복사launch_url
var SELENIUM_CONFIGURATION = {
start_process: true,
server_path: 'bin/selenium-server-standalone-2.53.0.jar',
host: '127.0.0.1',
port: 4444
};
var FIREFOX_CONFIGURATION = {
browserName: 'firefox',
javascriptEnabled: true,
acceptSslCerts: true
};
var DEFAULT_CONFIGURATION = {
launch_url: 'http://localhost',
selenium_port: 4444,
selenium_host: 'localhost',
desiredCapabilities: FIREFOX_CONFIGURATION
};
var ENVIRONMENTS = {
default: DEFAULT_CONFIGURATION
};
module.exports = {
src_folders: ['tests'],
selenium: SELENIUM_CONFIGURATION,
test_settings: ENVIRONMENTS
};로그인 후 복사로그인 후 복사로그인 후 복사
<..> nightwatch.js는 간단한 콜백 메커니즘을 사용하여 비동기 테스트를 처리합니다. nightwatch.js의 각 테스트 명령은 정의 된 순서로 비동기로 실행됩니다. 테스트 러너는 다음 명령을 계속하기 전에 각 명령이 완료되기를 기다립니다. 이렇게하면 모든 명령이 비동기이더라도 올바른 순서로 실행되도록합니다.
<..> nightwatch.js는 몇 가지 디버깅 테스트 옵션을 제공합니다. Node.js에서 내장 디버거를 사용하거나 Chrome DevTools와 같은 외부 도구를 사용할 수 있습니다. NightWatch.js는 또한 세부 오류 메시지와 스택 추적을 제공하여 테스트가 실패 할 때 문제를 쉽게 식별하고 수정할 수 있도록합니다.
<..> nightwatch.js는 기본적으로 병렬 테스트 실행을 지원합니다. 구성 파일에서 병렬로 실행할 테스트를 지정할 수 있습니다. 테스트를 실행할 때 NightWatch.js는 여러 작업자 프로그램에 테스트를 자동으로 할당하여 전체 테스트 실행 시간을 가속화합니다.
위 내용은 NightWatch.js를 사용한 JavaScript 기능 테스트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
