{"id":40910,"date":"2016-09-28T10:58:25","date_gmt":"2016-09-28T05:28:25","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=40910"},"modified":"2016-12-19T15:04:03","modified_gmt":"2016-12-19T09:34:03","slug":"protractor-with-jenkins-and-headless-chrome-xvfb-setup","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/protractor-with-jenkins-and-headless-chrome-xvfb-setup\/","title":{"rendered":"Protractor with Jenkins and Headless Chrome (Xvfb) Setup"},"content":{"rendered":"

“Protractor<\/strong> is an end-to-end test framework for AngularJS applications<\/a>. Protractor is to run one or multiple tests against your application running in a real browser, interacting with it as a user would.”<\/p>\n

It is easier to check on GUI based system because it launches a browser automatically during the test.<\/p>\n

But what about non-GUI? For example, we need to setup it up on Linux server in non-GUI mode or Jenkins server for CI\/CD. It is possible through Xvfb.<\/p>\n

“Xvfb<\/strong> (X virtual framebuffer) is an in-memory display server used in a\u00a0UNIX-like OS \u00a0(e.g., Linux). Xvfb\u00a0enables one to run graphical applications without a display.”<\/p>\n

Below are the steps which can help us to run Protractor test in non-GUI mode.<\/p>\n

Prerequisites<\/strong><\/p>\n

1: – Install JAVA
\n2: – Install Jenkins and a configured build section in Jenkins job
\n3: – Installed NodeJS<\/p>\n

Install Protractor and Selenium WebDriver<\/strong><\/p>\n

[js]curl -sL https:\/\/deb.nodesource.com\/setup_0.12 | sudo bash –
\nnpm install protractor -g
\nln \/usr\/lib\/node_modules\/protractor\/selenium\/chromedriver \/usr\/bin\/chromedriver
\nwebdriver-manager update
\nwebdriver-manager start[\/js]<\/p>\n

\"Untitled\"
\n——————————————————————————————————-
\nNote: webdriver- If protractor installation fails with an error, Please check the ownership for logged in user, then execute above commands again
\nchown -R $(whoami) ~\/.npm
\nchown -R $(whoami) \/usr\/local\/lib\/node_modules
\n——————————————————————————————————-<\/p>\n

Setup Headless Chrome browser<\/strong><\/p>\n

[js]
\necho "deb stable main" | sudo tee -a \/etc\/apt\/sources.list
\nwget -q -O – https:\/\/dl-ssl.google.com\/linux\/linux_signing_key.pub | sudo apt-key add –
\napt-get update
\napt-get install libxpm4 libxrender1 libgtk2.0-0 libnss3 libgconf-2-4
\napt-get install google-chrome-stable
\napt-get install xvfb gtk2-engines-pixbuf
\napt-get install xfonts-cyrillic xfonts-100dpi xfonts-75dpi xfonts-base xfonts-scalable
\napt-get install imagemagick x11-apps dbus-x11
\n[\/js]<\/p>\n

To launch the web driver with Xvfb at backend
\n<\/strong>
\nScript is present in \u00a0\/etc\/init.d\/selenium:<\/p>\n

#!\/bin\/sh\r\nXvfb -ac :99 -screen 0 1280x1024x16 &\r\n#disown $1\r\nexport DISPLAY=:99\r\nwebdriver-manager start \/dev\/null 2>&1<\/pre>\n
Execute this script and verify the service on Port 4444<\/strong>.<\/p>\n
Now, login into Jenkins and select associated job, where need to run this Protractor test.<\/p>\n
In Post Build<\/strong> section (execute shell) enter the following:<\/p>\n
[js]cd $CODE_PATH
\nprotractor protractor_conf.js[\/js]<\/p>\n
Hope this helps you to integrate protractor with Jenkins. Xvfb may be useful for other browser dependent applications in non-GUI mode.<\/p>\n","protected":false},"excerpt":{"rendered":"
“Protractor is an end-to-end test framework for AngularJS applications. Protractor is to run one or multiple tests against your application running in a real browser, interacting with it as a user would.” It is easier to check on GUI based system because it launches a browser automatically during the test. But what about non-GUI? For […]<\/p>\n","protected":false},"author":959,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":24,"footnotes":""},"categories":[1439,1818,1,1816],"tags":[955,4048,4049],"class_list":["post-40910","post","type-post","status-publish","format-standard","hentry","category-angular","category-automation-testing-testing-2","category-technology","category-testing-2","tag-angularjs","tag-protractor-with-jenkins","tag-xvfb"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t