Testcafe는 오픈 소스 자동 테스트 도구입니다.
Selenium 일택이라고 생각하고 있었습니다만, 시험해 보고 싶습니다.

조사하면 상당히 브라우저 테스트 옵션이 있습니다 -
- htps //w w. 카이토 y. xy · 2017/08/04 / b w w r-stf 라메를 rk /
- htps : // 코 m / 코 g와 m / ms / 6 719b57341769c14d

Testcafe는 여기
웹 사이트: h tps : // / ゔぇ xp rs. 기주 b. 이오 / 테 스트 카후 /
Github: htps : // 기주 b. 이 m /에서 ゔ ぇ x pp s / st st

설치

클라우드에서 실행해보기

GCP에서 인스턴스를 만들고 CentOS7을 준비했습니다.

TestCafe까지 한 번에 설치할 스크립트를 둡니다.
(테스트용 화면을 내기 위해 TestCafe 이외도 들어 있습니다만)

installscript.sh

sudo yum -y update
sudo yum install -y httpd httpd-devel wget git zip unzip
sudo yum install -y php php-devel
sudo yum install -y nodejs npm
cat << EOF | sudo tee /etc/yum.repos.d/google-chrome.repo
[google-chrome]
name=google-chrome
baseurl=http://dl.google.com/linux/chrome/rpm/stable/x86_64
enabled=1
gpgcheck=1
gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub
EOF
sudo yum install -y google-chrome-stable
sudo npm install -g testcafe

installscript.sh라는 파일을 만들고 위의 쓰기 실행

$ sudo sh installscript.sh

Github에 있는 대로 움직여 본다.

이 페이지를 두드리는 것 같다.
h tp : // / ゔぇ xp rs. 기주 b. 이오 / 테 스트 카후 / 에 mp ぇ /



샘플 코드를 실행해 보자.

오류가 발생했습니다.

errorMessage

ERROR Was unable to open the browser "chrome:" due to error.
Error: Unable to run the browser. The browser path or command template is not specified.
    at checkBrowserPath$ (/usr/lib/node_modules/testcafe/node_modules/testcafe-browser-tools/lib/api/open.js:47:23)
    at tryCatch (/usr/lib/node_modules/testcafe/node_modules/testcafe-browser-tools/node_modules/babel-runtime/rege
nerator/runtime.js:72:40)

Firefox를 넣어 본다. 그리고 실행

errorMessage2

$ testcafe firefox testcafe.ts 
ERROR Unable to establish one or more of the specified browser connections. This can be caused by network issues or
 remote device failure.

단순히 web브라우저가 있는 것만으로는 실행되지 않는 것 같네요.
일발 스크립트 내에서는 Chrome을 넣고 있습니다만, Chrome에서는 헤드리스 모드인 GUI 데스크탑 환경이 없어도 움직이는 모드가 있습니다.
htps : //에서 ゔぇぺぺrs. 오, ぇ. 이 m/우ぇb/우p다테 s/2017/04/헤아 dぇ s-ch 로메? hl = 그럼

$ testcafe "chrome:headless" test.ts 

 Running tests in:
 - HeadlessChrome 0.0.0 / Linux 0.0.0

 Getting Started
 ✓ My first test


 1 passed (4s)

테스트 할 수 있었던 것 같습니다. 조금 이해하기 어려운 곳도 있으므로, 데스크탑 환경에서도 테스트해 보겠습니다.

VM에서 실행해보기

오랜만에 Virtual Machine을 로컬에서 시작해 보겠습니다.

오랜만에 페도라.
그럼, 같은 방식으로 실행!


　　

어,...

・　・　・ 너무 빠르고 잘 모르겠습니다.

동영상으로 촬영한 것을 캡처하여 붙여 봅니다.

· 빙글빙글이 나옵니다.


・화면 표시되었는지 생각하면 순식간에 일이 나옵니다.


・입력 완료 되었습니까?


테스트용 스크립트와 같은 문언이 되었다는 것으로 프로그램 종료. 네요.

test.ts

.expect(Selector('#article-header').innerText).eql('Thank you, John Smith!');

꽤 쉽게 테스트를 실행할 수있었습니다.
이것이라면 Robotic Process Automation 등 자동화도 커버할 수 있을지도?