UA testing with Selenium and PHPUnit - PHPBenelux Summer BBQ

UA
Tes'ng
with
Selenium
and
PHPUnit
PHPBenelux
Summer
BBQ

2
• PHP
Consultant
• President
PHPBenelux
• Conference
speaker
Michelangelo
van
Dam

4
Thank
you
for
sponsoring

Today’s
goal
• Set
up
and
use
Selenium
IDE
• Record
UA
tests
• Convert
to
PHPUnit
• Run
con'nuously
• Mul'
browser
support
5

6
DISCLAIMER
S E L E N I U M T E S T S A R E N OT A
REPLACEMENT FOR REGULAR UNIT
TESTING. THEY ONLY PROVIDE AN
ADDITIONAL SET OF TESTS FOCUSED
ON USER ACCEPTANCE AND USER
EXPERIENCE TESTING.
For more information about unit testing, please
see my other material on www.slideshare.net and
www.speakerdeck.com. Search for “dragonbe”!

8
“Acceptance testing is a test conducted to determine if
the requirements of a speciﬁcation or contract are met.”
-- source: wikipedia

Checklist
for
web
applica'ons
9

10
Func'onal
tes'ng
• Test
func'onal
requirements
-‐ e.g.
no
access
to
proﬁle
without
authen'ca'on
• Test
UI
elements
on
the
web
interface
-‐ e.g.
buOons,
form
elements,
AJAX
controls,
…

A
word
of
cau'on!
11
• UA
tests
only
test
generated
output
-‐ not
a
replacement
for
unit
tes'ng
• UA
tests
are
heavily
depending
on
DOM
-‐ changes
to
the
DOM
might
lead
to
failing
UAT

Selenium
to
the
rescue
13

Plugin
for
ﬁrefox
14

Get
the
plugin
(demo)
15

UA testing with Selenium and PHPUnit - PHPBenelux Summer BBQ

Let’s
get
started
17

Verify
this
issue
on
PROD
20

Run
test
to
see
it’s
ﬁxed
23

25
Save
your
test
as
.html

PHPUnit
to
the
rescue
28

The
PHPUnit
TestCase
30
<?php
class Example extends PHPUnit_Extensions_SeleniumTestCase
{
protected function setUp()
{
$this->setBrowser("*chrome");
$this->setBrowserUrl("http://www.theialive.com/");
}
public function testMyTestCase()
{
$this->open("/");
$this->click("link=login");
$this->waitForPageToLoad("30000");
$this->type("id=email", "dragonbe+tek13@gmail.com");
$this->type("id=password", "test1234");
$this->click("id=signin");
$this->click("link=Test demo");
$this->assertEquals("Done", $this->getText("xpath=//th[5]"));
$this->click("link=[EDIT]");
$this->assertTrue($this->isElementPresent("id=done"));
$this->click("link=sign off");
}
}
?>

Change
class
name
31
<?php
class Example extends PHPUnit_Extensions_SeleniumTestCase
{
{
}
{
$this->open("/");
}
}
?>
class MarkTaskDoneTest extends PHPUnit_Extensions_SeleniumTestCase

The
PHPUnit
TestCase
32
<?php
{
{
}
{
$this->open("/");
}
}
?>
{
$this->setBrowser("*iexplore");
$this->setHost('192.168.56.101');
$this->setPort(12666);
}

Meaningful
method
name
<?php
{
{
$this->setBrowser("*iexplore");
$this->setHost('192.168.56.101');
$this->setPort(12666);
}
{
$this->open("/");
}
}
?>
33
public function testMarkTestAsDone()

startSeleniumStandAlone.BAT
34
"C:Program FilesJavajre7binjava.exe" -jar "C:Usersuser
Downloadsselenium-server-standalone-2.28.0.jar" -port 12666

Now
run
your
tests
35

How
it
runs
on
the
node
37

Advantages
39
• You
can
start
tes'ng
immediately
• Even
test
“hard
to
test”
kind
of
situa'ons
• More
nodes
for
parallel
tes'ng
• Tes'ng
diﬀerent
browsers
and
plaborms
• Con'nuous
Integra'on
possible

Selenium
Grid
Setup
40
Selenium Testing
CI Server Windows
"HUB"
Linux client
"NODE"
CI executes tests
Windows HUB launches
Selenium node clients
to execute tests
Windows Server collects
feedback from the Citrix
client nodes and reports
back to CI Server
Windows client
"NODE"
Mac OS X client
"NODE"
Continuous User Acceptance Testing

Mul'
Browser
support
42

Base
TestCase
43
<?php
require_once 'PHPUnit/Extensions/SeleniumTestCase.php';
class TestCase extends PHPUnit_Extensions_SeleniumTestCase
{
//const TEST_HUB = '217.21.179.192';
const TEST_HUB = '192.168.56.101';
const TEST_PORT = 12666;
const USERNAME = 'dragonbe+tek13@gmail.com';
const PASSWORD = 'test1234';
const BASURL = 'http://www.theialive.com';
public static $browsers = array (
array (
'name' => 'Internet Explorer 8 on Windows 7', 'browser' => '*iexplore',
'host' => self::TEST_HUB, 'port' => self::TEST_PORT,
),
array (
'name' => 'Firefox on Windows 7', 'browser' => '*firefox',
),
array (
'name' => 'Google Chrome on Windows 7', 'browser' => '*googlechrome',
),
);
{
$this->setBrowserUrl(self::BASURL);
}
}

Base
TestCase
44
<?php
{
//const TEST_HUB = '217.21.179.192';
const TEST_HUB = '192.168.56.101';
array (
),
array (
),
array (
),
);
{
}
}
array (
'name' => 'Internet Explorer 8 on Windows 7',
'browser' => '*iexplore',
'host' => self::TEST_HUB,
'port' => self::TEST_PORT,
),

Base
TestCase
45
<?php
{
//const TEST_HUB = '217.21.179.192';
const TEST_HUB = '192.168.56.101';
array (
),
array (
),
array (
),
);
{
}
}
array (
'name' => 'Firefox on Windows 7',
'browser' => '*firefox',
),

Base
TestCase
46
<?php
{
//const TEST_HUB = '217.21.179.192';
const TEST_HUB = '192.168.56.101';
array (
),
array (
),
array (
),
);
{
}
}
array (
'name' => 'Google Chrome on Windows 7',
'browser' => '*googlechrome',
),

Modify
MarkTaskDoneTest

<?php
/**
* Class MarkTaskDoneTest
*
* @group Selenium
*/
require_once 'TestCase.php';
class MarkTaskDoneTest extends TestCase
{
public function testMarkTestAsDone()
{
$this->open("/");
$this->type("id=email", TestCase::USERNAME);
$this->type("id=password", TestCase::PASSWORD);
}
}
47
Require the TestCase
and extend it

Benefits
• run
your
tests
on
mul'ple
browsers
• detect
flaws
in
specific
browsers
(e.g.
IE6)
-‐ adapt
your
apps
to
solve
these
flaws
50

phpunit.de
55
http://www.phpunit.de/manual/3.5/en/selenium.html

Credits
56
• apple
store:
hOp://www.flickr.com/photos/jtjdt/3571748777
• checklist:
hOp://www.flickr.com/photos/alancleaver/4439276478
• flat
're:
hOp://www.flickr.com/photos/anijdam/2468493546/
• first
place:
hOp://www.flickr.com/photos/evelynishere/
3417340248/
• gears:
hOp://www.flickr.com/photos/wwarby/4782904694
• steps:
hOp://www.flickr.com/photos/ben_salter/1407168763
• browsers:
hOp://www.flickr.com/photos/richoz/3791167457
• gears:
hOp://www.flickr.com/photos/freefoto/5982549938
• danger:
hOp://www.flickr.com/photos/armchairbuilder/
7345497766
• informa'on:
hOp://www.flickr.com/photos/twicepix/2650241408/
• elephpant:
hOp://www.flickr.com/photos/drewm/3191872515

Contact
57
Michelangelo van Dam
Zend Certiﬁed Engineer
email: michelangelo@in2it.be
skype: michelangelovandam
twitter: @DragonBe
tel EU: +32 15 34 52 90
tel US: 202 559-7401
www.in2it.be
facebook.com/in2itvof | @in2itvof
Contact us for
Consultancy - Training - QA - Webdesign

58
https://joind.in/8985

UA testing with Selenium and PHPUnit - PHPBenelux Summer BBQ

More Related Content

What's hot (20)

Viewers also liked (6)

Similar to UA testing with Selenium and PHPUnit - PHPBenelux Summer BBQ (20)

More from Michelangelo van Dam (20)

Recently uploaded (20)

UA testing with Selenium and PHPUnit - PHPBenelux Summer BBQ