Slides of my presentation at the 9th European TYPO3 Conference conference (http://t3con13de.typo3.org) in Stuttgart on October 30th, 2013.

1. Photo: „Rawhead“, CC BY-NC-SA
http://www.flickr.com/photos/rawhead/3780249375/
Speed

2. up

3. web

4. application

5.
development

6. using

7. Behaviour

8.
Driven

9. Development
9th

10. European

11. TYPO3

12. Conference,

14. October

15. 30th

16. 2013
Martin

17. Helmich,

18. Mittwald

19. CM

20. Service
m.helmich@mittwald.de

21. YOUR

22. SPEAKER
Martin

23. Helmich
Software

24. Architect

25. at

26. Mittwald
TYPO3

27. addicted

28. since

29. 2004
Caffeine

30. addicted

31. since

32. 2007

33. Show

34. of

35. hands:
Who

36. has

37. (not)

38.
heard

39. of

40. BDD?
Thesupermat,

41. CC

42. BY-SA
http://commons.wikimedia.org/wiki/File:F%C3%AAte_de_l%27Humanit%C3%A9_2012_-_009.jpg

43. Franck

44. Nieto,

45. CC

46. NC-BY-SA
http://www.flickr.com/photos/francki/9686485433/
A

47. (really

48. short)

49. introduction

50. to
Scrum

51. Requirements

52. are

53. phrased

54. as
„
User

55. stories
As a role,
I want something
so that benefit
Cohn,

56. Mike:

57. User

58. Stories

59. Applied

60. -

61. For

62. Agile

63. Software

64. Development
Addison-Wesley,

65. 2004

66. Requirements

67. are

68. phrased

69. as
„
User

70. stories
As an anonymous user,
I want to register on the site
so that I can use the site's
personalized services.

71. Each

72. user

73. story

74. has
Acceptance

75. criteria
„
In the menu, there is a „register“ item.
On the register page the user can enter the
following information:
user name
real name
email address
After registration, the user should receive a
confirmation email.

76. Daily
Sprint
(1~4

77. weeks)
Sprint

78. Backlog
Product

79. Backlog

80. Verifies

81. that
acceptance

82. criteria

83. are

84. met
Product
Owner
Product
increment
created
by

85. team
writes
stories
Sprint
Backlog
Product
Backlog
Selected
by

86. team
Development
Team

87. Another
(also

88. really

89. short)
introduction

90. to
TDD
„MacroShoots“,

91. CC

92. NC-BY-SA
http://www.flickr.com/photos/41398593@N05/4365961229/

93. Test-Driven

94.
Development
Failing
test
Refactor
Passing
test

95. Unit

96. tests

97. are
great!

98. Unit

99. tests

100. are
great!
But
not

101. sufficient.

102. ?php
class MyTest extends PHPUnit_Extensions_Selenium2TestCase
{
protected function setUp()
{
$this-setBrowser('*firefox');
$this-setBrowserUrl('http://login.mittwald.de/');
}
public function testLoginWithCorrectCredentialsWorksCorrectly()
{
$this-url('login.html');
$this-byXPath('//input[@id=login_username]')-value('123456');
$this-byXPath('//input[@id=login_password]')-value('supersecret');
$this-byXPath('//input[@type=submit and @name=login_password]')-clickAndWait();
$this-frame(0);
$this-assertContains(
'Welcome to the customer center',
$this-byXPath('//body')-text()
);
}
}
?
Acceptance

103. Test

104. using
PHPUnit

106. Selenium

107. ?php
class MyTest extends PHPUnit_Extensions_Selenium2TestCase
{
protected function setUp()
{
$this-setBrowser('*firefox');
$this-setBrowserUrl('http://login.mittwald.de/');
}
public function testLoginWithCorrectCredentialsWorksCorrectly()
{
$this-url('login.html');
$this-byXPath('//input[@id=login_username]')-value('123456');
$this-byXPath('//input[@id=login_password]')-value('supersecret');
$this-byXPath('//input[@type=submit and @name=login_password]')-clickAndWait();
$this-frame(0);
$this-assertContains(
'Welcome to the customer center',
$this-byXPath('//body')-text()
);
}
}
?
Hey,

108. XPath

109.
expressions

110. are
really

111. cool!
Acceptance

112. Test

113. using
PHPUnit

115. Selenium
DEV

116. ?php
class MyTest extends PHPUnit_Extensions_Selenium2TestCase
{
protected function setUp()
{
$this-setBrowser('*firefox');
$this-setBrowserUrl('http://login.mittwald.de/');
}
public function testLoginWithCorrectCredentialsWorksCorrectly()
{
$this-url('login.html');
$this-byXPath('//input[@id=login_username]')-value('123456');
$this-byXPath('//input[@id=login_password]')-value('supersecret');
$this-byXPath('//input[@type=submit and @name=login_password]')-clickAndWait();
$this-frame(0);
$this-assertContains(
'Welcome to the customer center',
$this-byXPath('//body')-text()
);
}
}
?
SRSLY?

117. WTF?
Acceptance

118. Test

119. using
PHPUnit

121. Selenium
PO

122. Introducing
Gherkin
CC

123. BY-SA

124. http://commons.wikimedia.org/wiki/File:Spreewaldgurke2.jpg

125. Introducing
Gherkin
Gherkin

126. is

127. a

128. businessreadable

129. (businesswritable?)

130. domain-specific

131.
language

132. for

133. writing

134.
behaviour

135. specifications.
CC

136. BY-SA

137. http://commons.wikimedia.org/wiki/File:Spreewaldgurke2.jpg

138. Scenario: User login
Given I am on login.mittwald.de
When I fill in 123456 for username
And fill in supersecret for password
And press log in
Then I should see Welcome to the customer center
Acceptance

139. Test

140. using
Gherkin

141. and

142. BehatMink

143. Scenario: User login
Given I am on login.mittwald.de
When I fill in 123456 for username
And fill in supersecret for password
And press log in
Then I should see Welcome to the customer center
I

144. wrote

145. this

146. all

147. by

148.
myself!
PO
Acceptance

149. Test

150. using
Gherkin

151. and

152. BehatMink

153. ?php
Scenario: User login
class MyTest extends PHPUnit_Extensions_Selenium2TestCase
Given I am on login.mittwald.de
{
When I fill in 123456 for username
protected function setUp()
And fill in supersecret for password
{
And press log in
$this-setBrowser('*firefox');
Then I should see Welcome to the customer center
$this-setBrowserUrl('http://login.mittwald.de/');
}
public function testLoginWithCorrectCredentialsWorksCorrectly()
{
$this-url('login.html');
$this-byXPath('//input[@id=login_username]')-value('123456');
$this-byXPath('//input[@id=login_password]')-value('supersecret');
$this
-byXPath('//input[@type=submit and @name=login_password]')
-clickAndWait();
$this-frame(0);
$this-assertContains(
'Welcome to the customer center',
$this-byXPath('//body')-text()
);
}
}
?
24
6
Lines

154. of

155. code

156. Tools
that

157. can
interpret
Gherkin
Florian

158. Richter,

159. CC

160. BY
http://www.flickr.com/photos/florianric/7263382550/

161. Cucumber
Decym92,

162. Public

163. Domain,

164. http://commons.wikimedia.org/wiki/File:Rubin013.JPG
Drew

165. McLellan,

166. CC

167. BY-NC,

168. http://www.flickr.com/photos/drewm/3191872515/
Behat

169. Goutte
Driver
Selenium
Driver
Selenium
Behat
Mink
Web
Driver
Sahi
Driver
Sahi
Zombie
Driver
Zombie

170. {
require: {
behat/behat: *,
behat/mink: *,
behat/mink-extension: *,
behat/mink-goutte-driver: *,
behat/mink-selenium-driver: *,
behat/mink-selenium2-driver: *,
behat/mink-sahi-driver: *,
behat/mink-zombie-driver: *
}
}
Install

171. using

172. Composer

173. You

174. can

175. use

176. Behat

177. for

178. simple
UI

179. tests.
Or

180. use

181. Behat

182. for

183. actual
Acceptance

184. Tests.

185. Scenario: Registration form
Given I am on index.php?id=512
When I follow register now!
And I fill in user_name with Max Mustermann
And I fill in user_email with m.mustermann@example.com
And I attach the file /Users/mmustermann/max.jpeg
to user_image
And I press submit registration
Then I should be on index.php?id=514
And the response should contain Thank you ...
And the mailbox m15273 should contain an email with
subject Your registration

186. Scenario: Registration form
Given I am on index.php?id=512
When I follow register now!
And I fill in user_name with Max Mustermann
And I fill in user_email with m.mustermann@example.com
And I attach the file /Users/mmustermann/max.jpeg
to user_image
And I press submit registration
Then I should be on index.php?id=514
And the response should contain Thank you ...
And the mailbox m15273 should contain an email with
subject Your registration
This

187. is

188. NOT

189. an
acceptance

190. test!

191. Feature: Online registration
In order to use the site's personalized features
As an anonymous user
I want to register to the page.
Scenario: Registration is confirmed
Given I am on the registration page
And I fill in the following:
| Full name
| Max Mustermann
|
| Email address | m.mustermann@example.com |
And I upload an image of myself
And submit the registration
Then I should see a confirmation message
And I should receive a confirmation email
Better!

192. Feature: Online registration
In order to use the site's personalized features
As an anonymous user
I want to register to the page.
Scenario: Registration is confirmed
Given I am on the registration page
And I fill in the following:
| Full name
| Max Mustermann
|
| Email address | m.mustermann@example.com |
And I upload an image of myself
And submit the registration
Then I should see a confirmation message
And I should receive a confirmation email
Who

193. writes

194. the
step

195. definitions?

196. class FeatureContext extends Context
{
/**
* @Then /^(?:|I )should receive a confirmation e?mail$/
*/
public function assertRegistrationMailWasReceived()
{
// Connect to mailbox and see if mail is actually there.
// Throw exception otherwise.
}
}
Then /^(?:I| ) should receive a confirmation e?mail$/ do
# Connect to mailbox and see if mail is actually there.
# Throw exception otherwise.
end

198. Development
Team
iteratively

199. refine
implement

200. step

201. definitions
use

202. as

203. completion

204. measure
writes
Product
Owner
Stories

205. and
acceptance

206. tests

207. Integrate

208. acceptance

209. tests

210.
into

211. your

212. continuous

213.
integration

214. process!
(Try

215. to

216. run

217. as

218. many

219. as

220. possible

221. on

222. each

223. build)

224. Possible

225. CI

226. build

227. pipelines
Initial

228. situation:

229. No

230. acceptance

231. tests
Main
Deploy

232. to

233.
Production
Easy,

234. isn't

235. it?
Run

236. unit

237. tests
Perform

238. CGL

239. checks
Compile

240. stuff
Deploy

241. to

242. production

243. system
(e.g.

244. using

245. Surf,

246. Capistrano,

247. DPKG/Aptitude)

248. Possible

249. CI

250. build

251. pipelines
Variant

252. #1:

253. Slow

254. but

255. safe
Main
Deploy

256. to

257.
Staging
Run

258. all

259. AT's
Deploy

260. to

261.
Production
Run

262. unit

263. tests
Perform

264. CGL

265. checks
Compile

266. stuff
Deploy

267. to

268. staging

269. system

270. (e.g.

271. using

272. Surf,

273. Capistrano,

274. DPKG/Aptitude)
Reset

275. staging

276. database

277. to

278. predefined

279. state
Run

280. all

281. acceptance

282. tests

283. in

284. staging

285. system
Deploy

286. to

287. production

288. system

289. Possible

290. CI

291. build

292. pipelines
Variant

293. #2:

294. Fast

295. but

296. unsafe
Main
Deploy

297. to

298.
Production
Deploy

299. to

300.
Staging
Run

301. all

302. AT's
Rollback

303.
Production
Deploy

304. to

305. staging

306. system
Reset

307. staging

308. database

309. to

310. predefined

311. state
Run

312. all

313. acceptance

314. tests

315. in

316. staging

317. system.
Roll

318. back

319. production

320. system

321. if

322. errors

323. occur.

324. Possible

325. CI

326. build

327. pipelines
Variant

328. #3:

329. Somewhere

330. in

331. between
Main
Deploy

332. to

333.
Staging
Run

334. critical

335.
AT's
Deploy

336. to

337.
Production
Run

338. only

339. critical

340. acceptance

341. tests

342. in

343. staging

344. system
Run

345. all

346. AT's
Rollback

347.
Production
Run

348. remaining

349. acceptance

350. tests

351. in

352. staging

353. system
Rollback

354. production

355. system

356. if

357. errors

358. occured

359. How

360. to
sell
BDD
or
„I‘m

361. already

362. paying

363. you

364. for

365.
unit

366. tests,

367. why

368. the

369. ****

370.
should

371. I

372. now

373. pay

374. for

375.
accepance

376. tests,

377. too!?“
Dirk

378. Houbrechts,

379. CC

380. BY-NC
http://www.flickr.com/photos/houbi/9583306027/

381. BDD

382. allows

383. to...
reduce

384. the

385.
amount

386. of

387. time

388.
spent

389. on

390.
software

391. testing.
Nick

392. Olejniczak,

393. CC

394. BY-NC
http://www.flickr.com/photos/nicholasjon/4498088305/

395. Sven

396. Van

397. Echelpoel,

398. CC

399. BY-NC-SA
http://www.flickr.com/photos/s7nn3/5468396537/
BDD

400. allows

401. to...
measure

402. progress

403.
easily

404. and

405. objectively

406. BDD

407. allows...
the

408. customer

409. to

410.
phrase

411. more

412. precise

413.
specifications.
the

414. developer

415. to

416.
implement

417.
specifications

418. more

419.
precisely.
Bogdan

420. Sudito,

421. CC

422. BY
http://www.flickr.com/photos/bogdansuditu/2377844553/

423. BDD

424. allows

425. to...
create

426. software

427. that

428. works
(and

429. keeps

430. working)
Arthur

431. John

432. Picton,

433. CC

434. BY
http://www.flickr.com/photos/arthurjohnpicton/5364226117/

435. Duncan

436. Hull,

437. CC

438. BY
http://www.flickr.com/photos/dullhunk/202872717/

439. References
Literature
Gärtner,

440. Markus:

441. ATDD

442. in

443. der

444. Praxis,

445. dpunkt.Verlag

446. 2013
Linz,

447. Tilo:

448. Testen

449. in

450. Scrum-Projekten,

451. dpunkt.Verlag

452. 2013
North,

453. Dan:

454. Introducing

455. BDD,

456. http://dannorth.net/introducing-bdd/,

457. 2006
Cohn,

458. Mike:

459. User

460. Stories

461. Applied,

462. Addison-Wesley

463. 2004