shimabox/screru

It has a function to supplement php-webdriver

Screru

Screru is a library that supplements php-webdriver, _(*1)

, _(*2)

Description

Screru is a library that supplements php-webdriver. It provides the following functions., _(*3)

• Trait for PHPUnit is available
• Full screenshot
  • Capture can be done when the assertion fails
• Screenshot of element
• Can control the style of the element when scrolling the screen in screen capture.

Supports Firefox (WebDriverBrowserType::FIREFOX), Chrome (WebDriverBrowserType::CHROME) and IE (WebDriverBrowserType::IE)., _(*4)

Demo

, _(*5)

Requirements

• PHP 5.6+ or newer
• Composer
• Java(JDK) >=1.8
  • http://www.oracle.com/technetwork/java/javase/downloads/index.html

Installation

Via composer.

$ composer require shimabox/screru
$ cd vendor/shimabox/screru
$ cp .env.default .env

Develop.

$ git clone https://github.com/shimabox/screru.git
$ cd screru
$ composer install

• Copy the .env.default file and create an .env file.

Setting (.env | .env.default)

If you need to change the default settings, copy the .env.default file, create an .env file, and modify the .env file.
The default setting looks at .env.default file., _(*6)

$ vim .env

// selenium server url
SELENIUM_SERVER_URL='http://localhost:4444/wd/hub'
// you can override the default User-agent
OVERRIDE_DEFAULT_USER_AGENT=''
// local port
LOCAL_PORT=8000
// true to enable
ENABLED_CHROME_DRIVER=true
ENABLED_FIREFOX_DRIVER=true
ENABLED_IE_DRIVER=
// true to start headless chrome
ENABLED_CHROME_HEADLESS=true
// true to start headless firefox
ENABLED_FIREFOX_HEADLESS=true
// true to platform is windows
IS_PLATFORM_WINDOWS=
// describe the webdriver path if necessary
CHROME_DRIVER_PATH=''
FIREFOX_DRIVER_PATH=''
IE_DRIVER_PATH=''

Preparation

Download selenium-server-standalone, ChromeDriver, geckodriver, IEDriverServer etc., _(*7)

Use downloader.

• e.g) For Mac.

$ php selenium_downloader.php -p m -d . -s 3.8.1 -c 81.0.4044.69 -g 0.26.0

• e.g) For Windows.

$ php selenium_downloader.php -p w -d . -s 3.8.1 -c 75.0.3770.90 -g 0.24.0 -i 3.141.59

• e.g) For Linux.

$ php selenium_downloader.php -p l -d . -s 3.8.1 -g 0.24.0

@see selenium-downloader/README.md at master · shimabox/selenium-downloader · GitHub, _(*8)

## macOS

• Add the path to ChromeDriver and geckodriver to your Path environment variable.
  • e.g) ChromeDriver $ mv chromedriver /usr/local/bin/ $ chmod +x /usr/local/bin/chromedriver
  • e.g) geckodriver $ mv geckodriver /usr/local/bin/ $ chmod +x /usr/local/bin/geckodriver
• Or, write the driver's path in the .env file
  Please give execute permission (chmod +x)

e.g), _(*9)

CHROME_DRIVER_PATH=/Applications/MAMP/htdocs/screru/chromedriver
FIREFOX_DRIVER_PATH=/Applications/MAMP/htdocs/screru/geckodriver

Run selenium-server-standalone.

$ java -jar selenium-server-standalone-3.8.1.jar -enablePassThrough false

## windows(64bit)

.env

• Edit .env

ENABLED_FIREFOX_DRIVER=true
ENABLED_CHROME_DRIVER=true
ENABLED_IE_DRIVER=true
// true to platform is windows
IS_PLATFORM_WINDOWS=true
// describe the webdriver path if necessary
FIREFOX_DRIVER_PATH='your geckodriver.exe path'
CHROME_DRIVER_PATH='your chromedriver.exe path'
IE_DRIVER_PATH='your IEDriverServer.exe path'

The value of IS_PLATFORM_WINDOWS must be set to true., _(*10)

Run selenium-server-standalone.

$ java -jar selenium-server-standalone-3.8.1.jar -enablePassThrough false

Note.

Facebook\WebDriver\Exception\SessionNotCreatedException: Unexpected error launching Internet Explorer.
Protected Mode settings are not the same for all zones.
Enable Protected Mode must be set to the same value (enabled or disabled) for all zones.

When this error is displayed, please refer to the following link., _(*11)

• Rantings of a Selenium Contributor: You're Doing It Wrong: IE Protected Mode and WebDriver
• internet settings.png (2718×1068)

It is solved by setting the security mode of IE Internet option to ON in all zones., _(*12)

## Linux (CentOS 6.9)

java

• install

$ sudo yum -y install java

• version 1.8>=

$ java -version
openjdk version "1.8.0_131"
OpenJDK Runtime Environment (build 1.8.0_131-b11)
OpenJDK 64-Bit Server VM (build 25.131-b11, mixed mode)

Firefox

• install

$ sudo yum -y install firefox

or, _(*13)

$ sudo yum -y update firefox

• version 60.3.0

$ firefox -v
Mozilla Firefox 60.3.0

Xvfb

• install

$ sudo yum -y install xorg-x11-server-Xvfb
$ sudo yum -y groupinstall "Japanese Support"

Path

• Add the path to geckodriver to your Path environment variable.

$ mv geckodriver /usr/local/bin/
$ chmod +x /usr/local/bin/geckodriver

• Or, write the driver's path in the .env file
  Please give execute permission (chmod +x)

e.g), _(*14)

FIREFOX_DRIVER_PATH=/home/user/screru/geckodriver

.env

• Edit .env

ENABLED_FIREFOX_DRIVER=true
ENABLED_CHROME_DRIVER=
ENABLED_IE_DRIVER=

Run selenium-server-standalone.

1. Run Xvfb & selenium-server-standalone

$ sudo sh start_selenium.sh

1. Stop Xvfb & selenium-server-standalone & geckodriver

$ sudo sh kill_selenium.sh

## Linux (Ubuntu trusty)

Please refer to this setting.
- shimabox/screru - Travis CI, _(*15)

Usage

• Basic Usage.

<?php
require_once '/vendor/autoload.php';

use SMB\Screru\Elements\Spec;
use SMB\Screru\Elements\SpecPool;
use SMB\Screru\Factory\DesiredCapabilities;
use SMB\Screru\Screenshot\Screenshot;
use SMB\Screru\View\Observer;
use SMB\UrlStatus;

use Facebook\WebDriver\WebDriverBy;
use Facebook\WebDriver\WebDriverDimension;
use Facebook\WebDriver\WebDriverExpectedCondition;
use Facebook\WebDriver\Remote\RemoteWebDriver;
use Facebook\WebDriver\Remote\WebDriverBrowserType;

if (getenv('ENABLED_CHROME_DRIVER') !== 'true') {
    die('Please enable ChromeDriver.');
}

$host = getenv('SELENIUM_SERVER_URL');
// Use chromedriver.
$cap = new DesiredCapabilities(WebDriverBrowserType::CHROME);
$driver = RemoteWebDriver::create($host, $cap->get());

// Window size.
$w = 600;
$h = 800;
$dimension = new WebDriverDimension($w, $h);
$driver->manage()->window()->setSize($dimension);

$url = 'https://www.google.com/webhp?gl=us&hl=en&gws_rd=cr';

// Transit to designated URL (Google).
$driver->get($url);

// Search for elements.
$findElement = $driver->findElement(WebDriverBy::name('q'));
// Enter keywords in search box.
$findElement->sendKeys('Hello');
// Search execution.
$findElement->submit();

// Wait 10 seconds for the contents to be visualized(Targeting '#botstuff').
// If the specified element does not appear and it takes more than 10 seconds,
// 'Facebook\WebDriver\Exception\TimeOutException' is thrown.
$driver->wait(10)->until(
    WebDriverExpectedCondition::visibilityOfElementLocated(WebDriverBy::id('botstuff'))
);

// Confirm that the title "Hello - Google search" can be obtained
if ($driver->getTitle() !== 'Hello - Google Search') {
    throw new Exception('fail $driver->getTitle()');
}

// HttpStatus of url
$status = UrlStatus::get($driver->getCurrentURL());
if ($status->is200() === false) {
    throw new Exception('fail HttpStatus');
}

/*
 |------------------------------------------------------------------------------
 | Capture test.
 |------------------------------------------------------------------------------
 */

$fileName = 'capture_demo';
$ds = DIRECTORY_SEPARATOR;
$captureDirectoryPath = realpath(__DIR__ . $ds . 'capture') . $ds;

// Create a Screenshot.
$screenshot = new Screenshot();

/*
 |------------------------------------------------------------------------------
 | Create an Observer if you want to control the style of the element when scrolling the screen.
 |------------------------------------------------------------------------------
 */
// Create a Observer.
$observer = new Observer();

// Erase the following header (sticky header) when vertical scrolling is performed for the first time.
$observer->processForFirstVerticalScroll(function($driver) {
    $driver->executeScript("document.querySelector('#searchform') ? document.querySelector('#searchform').style.display = 'none' : null;");
});
// Undo when rendering is complete.
$observer->processForRenderComplete(function($driver) {
    $driver->executeScript("document.querySelector('#searchform') ? document.querySelector('#searchform').style.display = 'inherit' : null;");
});

// Set Observer to Screenshot.
$screenshot->setObserver($observer);

// Full screen capture (extension will be .png).
$screenshot->takeFull($driver, $captureDirectoryPath, $fileName . '_full.png');

// Define element selector.
$spec = new Spec('.RNNXgb', Spec::EQUAL, 1);
$spec2 = new Spec('.brs_col', Spec::GREATER_THAN, 1);

// Push into SpecPool.
$specPool = (new SpecPool())
            ->addSpec($spec)
            ->addSpec($spec2);

// Element capture (extension is .png).
$screenshot->takeElement($driver, $captureDirectoryPath, $fileName, $specPool);

// Close window.
$driver->close();

• Control the style of the element when scrolling the screen., _(*16)

  • @see screru/Observable.php at master · shimabox/screru
  • @see screru/Observer.php at master · shimabox/screru
  • @see example/controll_display_state_of_elements.php

• When you want to change the default selenium server url., _(*17)

$ vim .env

// selenium server url
SELENIUM_SERVER_URL='your selenium server url'

• When you want to change the default UserAgent.

$ vim .env

// you can override the default User-agent (Android 7.1.1)
OVERRIDE_DEFAULT_USER_AGENT='Mozilla/5.0 (Linux; Android 7.1.1; Nexus 5X Build/N4F26I) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.91 Mobile Safari/537.36'

• When using with PHPUnit., _(*18)

  • use \SMB\Screru\Traits\Testable

  class Sample extends \PHPUnit_Framework_TestCase
  {
    // use Trait
    use \SMB\Screru\Traits\Testable {
        setUp as protected traitSetUp;
        tearDown as protected traitTearDown;
    }
  
    /**
     * setUp
     */
    protected function setUp()
    {
        $this->traitSetUp();
    }
  
    /**
     * tearDown
     */
    protected function tearDown()
    {
        $this->traitTearDown();
    }
  
    // do someting ...
  }
  

  • If you want to capture when an assertion fails.
  • takeCaptureWhenAssertionFails = true;

  class Sample extends \PHPUnit_Framework_TestCase
  {
      // use Trait
      use \SMB\Screru\Traits\Testable {
          setUp as protected traitSetUp;
          tearDown as protected traitTearDown;
      }
  
      // Set this property to true
      protected $takeCaptureWhenAssertionFails = true;
  
      /**
       * setUp
       */
      protected function setUp()
      {
          $this->traitSetUp();
      }
  
      /**
       * tearDown
       */
      protected function tearDown()
      {
          $this->traitTearDown();
      }
  
      // do someting ...
  }
  

  • or call the function below.

  $this->enableCaptureWhenAssertionFails();
  
  // To disable, call the following function
  $this->disableCaptureWhenAssertionFails();
  

Headless Chrome

For the latest chrome, you can use headless mode., _(*19)

• Edit .env

// true to start headless chrome
ENABLED_CHROME_HEADLESS=true

Headless Firefox

For the latest firefox, you can use headless mode., _(*20)

• Edit .env

// true to start headless firefox
ENABLED_FIREFOX_HEADLESS=true

Example

• $ php example/assertion_of_title.php
  • example/assertion_of_title.php
  • Execute a title assertion.
• $ php example/example.php
  • example/example.php
  1. Transit to designated URL (Google).
  2. Perform fullscreen capture.
  3. Perform screen element capture.
• $ php example/headless_chrome.php
  • example/headless_chrome.php
  1. Transit to designated URL (Google).
  2. Perform fullscreen capture.
• $ php example/headless_firefox.php
  • example/headless_firefox.php
  1. Transit to designated URL (Google).
  2. Perform fullscreen capture.
• $ php example/screenshot.php
  • example/screenshot.php
  1. Transit to designated URL (Google).
  2. Perform fullscreen capture.
  3. Perform screen capture.
• $ php example/element_screenshot.php
  • example/element_screenshot.php
  1. Transit to designated URL (Google).
  2. Perform screen element capture.
• $ php example/controll_display_state_of_elements.php
  • example/controll_display_state_of_elements.php
  1. Transit to designated URL (Google).
  2. Perform fullscreen capture.
  • Control the style of the element when scrolling the screen.
    1. Perform screen element capture.

Testing

Start PHP's built-in Web Server.

$ php -S 127.0.0.1:8000 -t tests/web

Match port with .env - LOCAL_PORT., _(*21)

Run test.

$ vendor/bin/phpunit

License

The MIT License (MIT). Please see License File for more information., _(*22)