A U T O M AT E D T E S T I N G
O F W E B A P P S
+Jonatan Kronqvist @zch

}>

A G E N D A
• Software testing in general
• Architecting for testability
• Testing web UIs
• What should I do?

A G E N D A
• Software testing in general
• Architecting for testability
• Testing web UIs
• What should I do?

Unit Testing

Integration Testing

System Testing

Regression Testing

End-to-End Testing

Acceptance Testing

Load Testing

Create VALUE for Your Customers

– J O H N D O E V E L O P E R
“Unit testing is a waste of time, because the tests
don't prove that things work correctly”

Red
Green
Refactor

1. You will ALWAYS have code that worked a minute ago
2. You will have more and more automatic tests that can be
run all the time
3. You will have usage examples for all of your code and API
4. All your code will be testable by default

Best ROI:
• integration
• regression
• system

Most unit tests could be
replaced by assertions

Focus on continuous integration
and system testing

B E H AV I O R D R I V E N D E V E L O P M E N T

Scenario 1: Account has sufficient funds
Given the account balance is $100
And the card is valid
And the machine contains enough money
When the Account Holder requests $20
Then the ATM should dispense $20
And the account balance should be $80
And the card should be returned

1. Easy to define end-to-end behavior to be tested
2. Business value easily translates to this format
3. You're probably already defining user stories

A G E N D A
• Software testing in general
• Architecting for testability
• Testing web UIs
• What should I do?

• Cross browser differences
• Logic that depends on the DOM
• Asynchronous execution
• Possibly slow execution

M V P
Presenter
Model
(State)
View
Rendering
logic
Event
handling
logic

Avoid new – Dependency Injection

A G E N D A
• Software testing in general
• Architecting for testability
• Testing web UIs
• What should I do?

Unit Testing?

Integration Testing?

System Testing?

End-to-end Testing?

Web automation

BDD framework + Selenium or Vaadin
TestBench

Narrative:
As a user
I want to perform calculations
So that I can easily get the results without
calculating in my head
Scenario: Calculate 1+2
Given I have the calculator open
When I push 1+2
Then the result should be 3.0

public class CalculatorSteps extends TestBenchTestCase {
private WebDriver driver;
private CalculatorPageObject calculator;
@BeforeScenario
public void setUpWebDriver() {
driver = TestBench.createDriver(new FirefoxDriver());
calculator = PageFactory.initElements(driver,
CalculatorPageObject.class);
}
@AfterScenario
public void tearDownWebDriver() {
driver.quit();
}

@Given("I have the calculator open")
public void theCalculatorIsOpen() {
calculator.open();
}
@When("I push $buttons")
public void enter(String buttons) {
calculator.enter(buttons);
}
@Then("the result should be $result")
public void assertResult(String result) {
assertEquals(result, calculator.getResult());
}
}

public class SimpleCalculation extends JUnitStory {
@Override
public Configuration configuration() {
return new MostUsefulConfiguration()
.useStoryLoader(new LoadFromClasspath(this.getClass()))
.useStoryReporterBuilder(new StoryReporterBuilder()
.withDefaultFormats()
.withFormats(Format.CONSOLE, Format.TXT));
}
@Override
public InjectableStepsFactory stepsFactory() {
return new InstanceStepsFactory(configuration(),
new CalculatorSteps());
}
}

}>
>2500 tests
<15 minutes
each commit

Load Testing

A G E N D A
• Software testing in general
• Architecting for testability
• Testing web UIs
• What should I do?

WHAT SHOULD I DO?

Architect for testability and flexibility

Focus on Integration, End-to-end and System
Tests

Try TDD, but don't sweat it

Use BDD

Don't forget to load test!

ENSURE VALUE IS CREATED
FOR YOUR CUSTOMERS

Q & A
Please rate the presentation at
gwtcreate.com/agenda

I M A G E S U S E D
• https://flic.kr/p/671Z4A
• https://flic.kr/p/bsozXc
• https://flic.kr/p/hRfBC
• https://flic.kr/p/nQ7ac5
• https://flic.kr/p/8sf5Xt
• https://flic.kr/p/4LH5Eo
• https://flic.kr/p/7Lx9Kk
• https://flic.kr/p/nAi4GZ
• https://flic.kr/p/eguHX8
• https://flic.kr/p/4fmu9E
• https://flic.kr/p/dtSHid
• https://flic.kr/p/bwpVQ7
• https://flic.kr/p/fGyo6Q