Vaadin TestBenchCSCI 3130 WINTER 2015

What’s TestBench

A toolkit for testing user interfaces

Based on SeleniumWritten in Java; interacts with

HTML/CSS/JavaScript

Installing TestBench

Already installed with Vaadin!Create a text file called

“.vaadin.testbench.developer.license” in your home directory

Put the license key you are given into that file.

Installing TestBench

Already installed with Vaadin!Create a text file called

“.vaadin.testbench.developer.license” in your home directory

Put the license key you are given into that file.

Running JUnit Tests in Eclipse

Just Right-Click the test file you want to run, then “Run As…” then “Unit Test”

Running JUnit Tests in Eclipse

Just Right-Click the test file you want to run, then “Run As…” then “Unit Test”

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Code Coverage

A measure of how much of your code is run when you execute a test

Eclipse can easily generate a report

But you’ll want to run all your tests at once

Creating your first TestBench Test

It’s already done!A test is generated when you

make a new Vaadin Project

Creating your first TestBench Test

It’s already done!A test is generated when you

make a new Vaadin Project

How does testing work?

1. Creates a browser

2. Opens the application’s page

3. Looks for HTML elements

4. Makes sure the elements are right

Vaading Testing Architecture

UI Display

UI Control

Business Logic

Client Server

TestBench Standard JUnit

Components and Elements

A widget by any other name…

Components are what you use for laying out your UI (on the server)

Each component has a corresponding element for testing (on the client)

Components and Elements

Element Selectors

Let you find an element on a page

Can be chained togetherBased on jQueryStart with $Typically end with a first(), all() or get(index)

Element Selectors

Let you find an element on a page

Can be chained togetherBased on jQueryStart with $Typically end with a first(), all() or get(index)

Using IDs and CSS classes

Instead of relying on layout to find elements, give important elements an ID.

Group important elements together with a CSS class.

Using IDs and CSS classes

Instead of relying on layout to find elements, give important elements an ID.

Group important elements together with a CSS class.

PageObject pattern

Move all of the layout details to a separate class

Test cases will call methods to retrieve certain elements

Sample Project

Accessed at https://

github.com/dyule/card_trainerRunning at http://

mega.cs.dal.ca:8080/card_trainer