Jak jednoduše zautomatizovat testování webové stránky – Selenium a Webdriver

Po každé větší změně v projektu, případně rovnou při každém releasu je vhodné otestovat základní funkčnost aplikace. End-to-End testování přímo v prohlížeči je jednou z možností a je s tím podle mě sranda.

End-to-end testing is a methodology used to test whether the flow of an application is performing as designed from start to finish.

https://www.techopedia.com/definition/7035/end-to-end-test

Co budeme potřebovat?

Facebook Webdriver si stáhneme přes composer, Selenium a ChromeDriver si stáhneme klasicky a naše složka bude vypadat takto:

Píšeme test

Založíme soubor test.php, ten může vypadat nějak takto:

<?php

use Facebook\WebDriver\Remote\RemoteWebDriver;
use Facebook\WebDriver\Remote\DesiredCapabilities;
use Facebook\WebDriver\Chrome\ChromeOptions;
use Facebook\WebDriver\WebDriverDimension;
use Facebook\WebDriver\WebDriverBy;
use Facebook\WebDriver\WebDriverExpectedCondition;

require_once 'vendor/autoload.php';

// config
$host = 'http://localhost:4444/wd/hub';
$options = new ChromeOptions();
$options->setExperimentalOption('prefs', ['download.default_directory' => 'c:/temp']);
$capabilities = DesiredCapabilities::chrome();
$capabilities->setCapability(ChromeOptions::CAPABILITY, $options);

// create driver and resize window
$driver = RemoteWebDriver::create($host, $capabilities, 5000); 
$driver->manage()->window()->setSize(new WebDriverDimension(1360, 768));

// start testing this URL
$driver->navigate()->to("https://www.skoula.cz/");

// click on some element
$driver->findElement(WebDriverBy::cssSelector('.menu-item-1233 a'))->click();

// check URL if we are there already
$driver->wait(5, 500)->until(
    WebDriverExpectedCondition::urlContains('projekty')
);

// is there some element?
if ($driver->findElements(WebDriverBy::className('entry-title'))) {
    echo "ok";
} else {
    echo "ko";
}

A jak probíhá testování?

  1. Nejprve si spustíme Selenium Server – stačí spustit stažený .jar soubor.
  2. Pak spustíme náš test.php – ať už v prohlížeči nebo přes konzoli.

Jak to vypadá v praxi vidíte na tomto videu. Není zrychlené :)

Celý tento mini projekt si můžete stáhnout zde.

Dva užitečné nástroje pro automatické vylepšení PHP kódu – ECS a Rector

Prvním z nich je Easy Coding Standard. Nainstalujete si ho klasicky přes composer (ať už do vašeho projektu nebo bokem) a jednoduše spustíte v konzoli:

vendor/bin/ecs check src --level clean-code --fix

Příklad výše spustí ECS pro adresář src, pomocí volby –level si určíme, co se má opravovat (je tam přednastavených mnoho configů) a pomocí –fix určíme, že se to má rovnou opravit, ne jen vypsat.

Dalším zajímavým nástrojem je Rector. Prezentuje se jako nástroj pro upgradování, případně pro migraci mezi frameworky ale umí i jiné věci – například odstraňovat “dead code” čili pozůstatky kódu, který se nikdy neprovede. Instalace probíhá opět přes composer a spustit ho můžeme následovně:

vendor/bin/rector process src --level dead-code

Příklad výše spustí Rector nad adresářem src a rovnou ho nechá opravovat kód. Pokud přidáme volbu –dry-run, kód se neopraví, nejprve tedy budete mít možnost vidět výsledky operace.

Pro seznam configů můžete spustit:

vendor/bin/rector levels