JavaFX8 TestFX - CDI

20.10.2015 JavaFX8 - TestFX - CDI - JUG

http://localhost:63342/java-courses/doc/javafx-testfx-tdd.html#1 2/164

Sven Rupperthas been coding java since 1996

Fellow / Senior Manager

reply Group

Germany - Munich

@SvenRuppert

@SvenRuppert 3/165



JavaFX 8 - JumpStartIntro

Swing was yesterday.... now JavaFX ;-)

@SvenRuppert 4/165





Since Java8...

.. JavaFX8 is part of the JDK

@SvenRuppert 5/165





Since Java8...


.. you could use it with JDK7, but you have to add it by yourself.

@SvenRuppert 6/165





Since Java8...



BUT: The switch from JavaFX 2.2 to JavaFX8 could be a lot of work..

@SvenRuppert 7/165





Since Java8...



BUT: The switch from JavaFX 2.2 to JavaFX8 could be a lot of work..

for example: Builder-API is now deprecated and a lot of the constructors arechanged.

@SvenRuppert 8/165



JavaFX 8 - JumpStartHello World - only to remember

a simple example with a button and a service...

@SvenRuppert 9/165





different ways to implement..

@SvenRuppert 10/165





different ways to implement..

.. lets start without fxml

@SvenRuppert 11/165




@SvenRuppert

public class JavaFXPlain extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) { final AnchorPane rootNode = new AnchorPane(); HBox hBox = new HBox(); final TextField tf1 = new TextField(), tf2 = new TextField(), tfResult = new TextField(); final Button button = new Button(); button.setText("Ohhh press me.."); button.setOnAction(event -> { String v1 = tf1.getText(); String v2 = tf2.getText(); int result = valueOf(v1) + valueOf(v2); tfResult.setText(result+""); }); hBox.getChildren().addAll(tf1, tf2, button, tfResult); rootNode.getChildren().add(hBox); final Scene scene = new Scene(rootNode, 640, 60); primaryStage.setScene(scene); primaryStage.show(); }}

JAVA

12/165




Application:The main class from an JavaFX Application will extendjavafx.application.Application.

@SvenRuppert 13/165





Method: startThe start() Method will be the main start-point of the application.

@SvenRuppert 14/165






Stage: This instance is the top level container for all JavaFX Components

@SvenRuppert 15/165






Stage: This instance is the top level container for all JavaFX Components

Scene: This instance will be the container for the your content.

@SvenRuppert 16/165




@SvenRuppert

public class JavaFXPlain extends Application { public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) { final AnchorPane rootNode = new AnchorPane(); HBox hBox = new HBox(); final TextField tf1 = new TextField(), tf2 = new TextField(), tfResult = new TextField(); final Button button = new Button(); button.setText("Ohhh press me.."); button.setOnAction(event -> { String v1 = tf1.getText(); String v2 = tf2.getText(); int result = valueOf(v1) + valueOf(v2); tfResult.setText(result+""); }); hBox.getChildren().addAll(tf1, tf2, button, tfResult); rootNode.getChildren().add(hBox); final Scene scene = new Scene(rootNode, 640, 60); primaryStage.setScene(scene); primaryStage.show(); }}

JAVA

17/165




oh now..... how to test it ???

@SvenRuppert 18/165





we will start with jUnit....

@SvenRuppert 19/165






.. so we have to extract the logic

@SvenRuppert 20/165






.. so we have to extract the logic

@SvenRuppert

public class AddService { public int add(int a, int b){ return a +b; }}

JAVA

21/165




@SvenRuppert

public class AddService { public int add(int a, int b){ return a +b; }}@Test public void testAdd001() throws Exception { AddService service = new AddService(); int r = service.add(0, 0); Assert.assertEquals(0, r);}

JAVA

22/165




@SvenRuppert

public class AddService { public int add(int a, int b){ return a +b; }}@Test public void testAdd001() throws Exception { AddService service = new AddService(); int r = service.add(0, 0); Assert.assertEquals(0, r);}public class String2Int { public int convert(String s){ return Integer.valueOf(s); }}

JAVA

23/165




@SvenRuppert

public class AddService { public int add(int a, int b){ return a +b; }}@Test public void testAdd001() throws Exception { AddService service = new AddService(); int r = service.add(0, 0); Assert.assertEquals(0, r);}public class String2Int { public int convert(String s){ return Integer.valueOf(s); }}@Test public void test001() throws Exception { String2Int s = new String2Int(); int r = s.convert("0"); Assert.assertEquals(r, 0);}

JAVA

24/165




What is reached?

@SvenRuppert 25/165




What is reached?

.. UI with less logic

@SvenRuppert 26/165




What is reached?


.. we could test the logic with jUnit

@SvenRuppert 27/165




What is reached?



.. we increased the code coverage

@SvenRuppert 28/165




What is reached?



.. we increased the code coverage

but how much?

@SvenRuppert 29/165




@SvenRuppert

private AddService addService = new AddService();private String2Int string2Int = new String2Int();

public void start(Stage primaryStage) { final AnchorPane rootNode = new AnchorPane(); HBox hBox = new HBox(); final TextField tf1 = new TextField(), tf2 = new TextField(), tfResult = new TextField(); final Button button = new Button(); button.setText("Ohhh press me.."); button.setOnAction(event -> { String v1 = tf1.getText(); String v2 = tf2.getText(); int intA = string2Int.convert(v1); int intB = string2Int.convert(v2); int result = addService.add(intA, intB); tfResult.setText(result+""); }); hBox.getChildren().addAll(tf1, tf2, button, tfResult); rootNode.getChildren().add(hBox); final Scene scene = new Scene(rootNode, 640, 60); primaryStage.setScene(scene); primaryStage.show();}

JAVA

30/165




performance is part of TDD

@SvenRuppert 31/165





.. how fast are the services?

@SvenRuppert 32/165






.. start with microbenchmarks

@SvenRuppert 33/165







.. use JMH -> http://openjdk.java.net/projects/code-tools/jmh/

@SvenRuppert 34/165

http://openjdk.java.net/projects/code-tools/jmh/







.. use JMH -> http://openjdk.java.net/projects/code-tools/jmh/

show the code v003 ;-)

@SvenRuppert 35/165

http://openjdk.java.net/projects/code-tools/jmh/



JavaFX 8 - TestFX

testing - Basics : plain jUnit

@SvenRuppert 36/165



JavaFX 8 - TestFX


testing - Frameworks

@SvenRuppert 37/165



JavaFX 8 - TestFX


testing - Frameworks

testing - (C)DI

@SvenRuppert 38/165



JavaFX 8 - TestFX

integration tests - including UI ?

@SvenRuppert 39/165



JavaFX 8 - TestFX


but....

@SvenRuppert 40/165



JavaFX 8 - TestFX


but....

unit tests - how to test a UI component

@SvenRuppert 41/165



JavaFX 8 - TestFX


but....

unit tests - how to test a UI component

system tests - how to test an UI workflow

@SvenRuppert 42/165



JavaFX 8 - TestFXmanual testing

a tester tests the complete app

@SvenRuppert 43/165





create a test plan

@SvenRuppert 44/165





create a test plan

update the test plan for each release

@SvenRuppert 45/165





create a test plan

update the test plan for each release

test each release

@SvenRuppert 46/165



JavaFX 8 - TestFXCI / CD

update the test plan for each commit

@SvenRuppert 47/165



JavaFX 8 - TestFXCI / CD

update the test plan for each commit

test each commit

@SvenRuppert 48/165



JavaFX 8 - TestFXIDE based Tools like Selenium

QF-Test

@SvenRuppert 49/165




QF-Test

commercial product

@SvenRuppert 50/165




QF-Test

commercial product

developer licence costs around 1995 €

@SvenRuppert 51/165




QF-Test

commercial product


no JUnit approach

@SvenRuppert 52/165




QF-Test

commercial product


no JUnit approach

CI integration

@SvenRuppert 53/165




QF-Test

commercial product


no JUnit approach

CI integration

nearly the same as froglogic...

@SvenRuppert 54/165



JavaFX 8 - TestFXJemmyFX

is for JavaFX 2.2

last commit is over 2 yearsago

looks like there is no development activity

@SvenRuppert 55/165



JavaFX 8 - TestFXJemmyFX

is for JavaFX 2.2

last commit is over 2 yearsago

looks like there is no development activity

Don´t use it

@SvenRuppert 56/165



JavaFX 8 - TestFXMarvinFX

https://github.com/guigarage/MarvinFX

Provides Supervisors for JavaFX Properties

@SvenRuppert 57/165






we (Hendrik Ebbers and Sven) are merging into TestFX

@SvenRuppert 58/165






we (Hendrik Ebbers and Sven) are merging into TestFX

Don´t use it

@SvenRuppert 59/165




define

@SvenRuppert

PropertySupervisor<String> textSupervisor = new PropertySupervisor<>(textfield.textProperty());

JAVA

60/165




rules

@SvenRuppert

textPropertySupervisor.assertWillChange();textPropertySupervisor.assertWillChangeByDefinedCount(3);textPropertySupervisor.assertWillChangeThisWay("A", "B", "C");

JAVA

61/165




interaction

//interact with UI by using TestFX

@SvenRuppert 62/165




check

@SvenRuppert

textPropertySupervisor.confirm(); JAVA

63/165



JavaFX 8 - TestFXfinally TestFX

active development

LTS branch for Java7 is available

active branch JavaFX8 only

@SvenRuppert 64/165




verifying the behavior of JavaFX applications

@SvenRuppert 65/165





API for interacting with JavaFX applications.

@SvenRuppert 66/165






fluent and clean API

@SvenRuppert 67/165







Supports Hamcrest Matchers and Lambda expressions.

@SvenRuppert 68/165








Screenshots of failed tests.

@SvenRuppert 69/165








Screenshots of failed tests.

internal used by Oracle for JavaFX

@SvenRuppert 70/165




start with a Login Screen.

@SvenRuppert 71/165





... TextField / Password-Field / Button

@SvenRuppert 72/165





... TextField / Password-Field / Button

@SvenRuppert

click(".text-field").type("steve");click(".password-field").type("duke4ever");click(".button:default");assertNodeExists( ".dialog" );

JAVA

73/165




each test must extend the GUITest class

@SvenRuppert

public class MyTest extends GuiTest {

@Test public void testLogin() { . . . }

}

JAVA

74/165




each test must extend the GUITest class

.. and provide the the root node

@SvenRuppert

public class MyTest extends GuiTest { protected Node getRootNode(){..}

@Test public void testLogin() { . . . }

}

JAVA

75/165




The GuiTest class provides a lot of functions that can be used to interact withJavaFX

.. and provide the the root node

@SvenRuppert

public class MyTest extends GuiTest { protected Node getRootNode(){..}

@Test public void testLogin() { click(".text-field"); type("steve"); //... }

}

JAVA

76/165




ok, how we would do it ?

@SvenRuppert 77/165




ok, how we would do it ?

..extract a component

@SvenRuppert 78/165




@SvenRuppert

public class AddComponent extends HBox { private Controller controller = new Controller(); final private TextField tf1 = new TextField(); final private TextField tf2 = new TextField(); final private TextField tfResult = new TextField(); final Button button = new Button(); { tf1.setId("tf1"); tf2.setId("tf2"); tfResult.setId("tfResult"); button.setId("btnAdd"); button.setText("Ohhh press me.."); button.setOnAction(event -> { String v1 = tf1.getText(); String v2 = tf2.getText(); String result = controller.add(v1, v2); tfResult.setText(result); }); this.getChildren().addAll(tf1, tf2, button, tfResult); }}

JAVA

79/165




@SvenRuppert

public class JavaFXPlain extends Application { public static void main(String[] args) { launch(args); }

@Override public void start(Stage primaryStage) { final AnchorPane rootNode = new AnchorPane(); rootNode.getChildren().add(new AddComponent()); final Scene scene = new Scene(rootNode, 640, 60); primaryStage.setScene(scene); primaryStage.show(); }

}

JAVA

80/165




Controller is tested !

@SvenRuppert 81/165





the main class is nearly only pure JDK/JavaFX8

@SvenRuppert 82/165






the component AddComponent needs to be tested at the Button Action Event

@SvenRuppert 83/165







if the Button Action Event is tested -> code coverage is increased

@SvenRuppert 84/165








.. extend from GUITest

@SvenRuppert 85/165









.. create RootNode

@SvenRuppert 86/165









.. create RootNode

.. write your tests

@SvenRuppert 87/165




@SvenRuppert

public class AddComponentTest extends GuiTest {

@Override protected Parent getRootNode() { AddComponent addComponent = new AddComponent(); addComponent.setId("c"); return addComponent; }

JAVA

88/165




@SvenRuppert

@Test public void test001() throws Exception { Node c = find("#c"); Assert.assertNotNull(c); TextField tf1 = find("#tf1", c); TextField tf2 = find("#tf2", c); clickOn(tf1).write("1"); clickOn(tf2).write("2"); clickOn((Button)find("#btnAdd")).clickOn(); TextField tfResult = find("#tfResult"); Assertions.verifyThat(tfResult, hasText("3")); Thread.sleep(5_000); }

JAVA

89/165




.. and now code and running test -> v004

@SvenRuppert

@Test public void test001() throws Exception { Node c = find("#c"); Assert.assertNotNull(c); TextField tf1 = find("#tf1", c); TextField tf2 = find("#tf2", c); clickOn(tf1).write("1"); clickOn(tf2).write("2"); clickOn((Button)find("#btnAdd")).clickOn(); TextField tfResult = find("#tfResult"); Assertions.verifyThat(tfResult, hasText("3")); Thread.sleep(5_000); }

JAVA

90/165




Now... FXML

@SvenRuppert 91/165




Now... FXML

.. with FXML you could describe the UI

@SvenRuppert 92/165




Now... FXML


.. but how ?

@SvenRuppert 93/165




Now... FXML


.. but how ?

Create Components... beginning from the top.

@SvenRuppert 94/165




Now... FXML


.. but how ?


.. every Component will have

@SvenRuppert 95/165




Now... FXML


.. but how ?



.. .. a class called XYZPane

@SvenRuppert 96/165




Now... FXML


.. but how ?




.. .. a class called XYZPaneController

@SvenRuppert 97/165




Now... FXML


.. but how ?




.. .. a class called XYZPaneController

.. .. a file called XYZPane.fxml

@SvenRuppert 98/165




@SvenRuppert

public class Main extends Application {

@Override public void start(Stage primaryStage) throws Exception { MainPane root = new MainPane(); primaryStage.setTitle("Hello World"); primaryStage.setScene(new Scene(root, 300, 275)); primaryStage.show(); }

public static void main(String[] args) { launch(args); }}

JAVA

99/165




@SvenRuppert

public class BasePane<T> extends AnchorPane { public T controller;

public BasePane() { final String fxmlFile = this.getClass().getSimpleName()+".fxml"; FXMLLoader loader = createFXMLLoader(fxmlFile); controller = loader.getController(); AnchorPane.setBottomAnchor(this, 0.0); AnchorPane.setTopAnchor(this, 0.0); AnchorPane.setLeftAnchor(this, 0.0); AnchorPane.setRightAnchor(this, 0.0); } private FXMLLoader createFXMLLoader(final String fxmlFile) { URL resource = getClass().getResource(fxmlFile); FXMLLoader loader = new FXMLLoader(resource); loader.setRoot(this); try { loader.load(); } catch (IOException e) { e.printStackTrace(); } return loader; }}

JAVA

100/165




@SvenRuppert

public class MainPane extends BasePane<MainPaneController> { public MainPane(){ }}

JAVA

101/165




@SvenRuppert

public class MainPane extends BasePane<MainPaneController> { public MainPane(){ }}public class MainPaneController {

@FXML Button btn; @FXML EditPane editPane;

public MainPaneController() { System.out.println("MainPaneController = OK" ); }

private int counter = 0;

public void onDoSomething(ActionEvent actionEvent){ btn.setText("Main pressed " + counter); counter = counter +1; //label from Edit changing editPane.setLabelText(); }}

JAVA

102/165

@SvenRuppert

<?import javafx.scene.control.Button?> <?import javafx.scene.control.Label?> <?import javafx.scene.layout.VBox?> <?import org.rapidpm.demo.jdkio2015.v005.fx.main.edit.EditPane?> <fx:root type="org.rapidpm.demo.jdkio2015.v005.fx.main.MainPane" fx:controller="org.rapidpm.demo.jdkio2015.v005.fx.main.MainPaneController" xmlns:fx="http://javafx.com/fxml" fx:id="mainPane" >

 <VBox> <Label fx:id="lb" text="Hello World"/> <Button fx:id="btn" onAction="#onDoSomething" text="Main Button"/> <EditPane fx:id="editPane"/> </VBox> </fx:root>

JAVA

103/165




@SvenRuppert

@Override protected Parent getRootNode() { return new MainPane(); }

@Test public void testMainButton01() throws Exception { final Label lbMain = find("#lb"); Assert.assertNotNull(lbMain); Assertions.verifyThat(lbMain, hasText("Hello World"));

final Button btnMain = find("#btn"); Assert.assertNotNull(btnMain); Assertions.verifyThat(btnMain, hasText("Main Button"));

final EditPane editPane = find("#editPane"); Assert.assertNotNull(editPane); }

JAVA

104/165



Why CDI

why CDI ? ;-)

@SvenRuppert 105/165



Why CDI

we want to get rid of hard connections




Why CDI

we want to get rid of hard connections

Have a look at the definition of a List. List will be the return value -> List.

@SvenRuppert

public List<Data> execute(){ ... }; JAVA

107/165



Why CDI

the caller of the method dont know if it is an ArrayList or LinkedList... but

@SvenRuppert

import java.util.List;import java.util.ArrayList;

public List<Data> execute(){ final List<Data> result = new ArrayList<>(); //.... return result;}

JAVA

108/165



Why CDI

the caller of the method dont know if it is an ArrayList or LinkedList... but

.. inside the method you will have a static ref to ArrayList

@SvenRuppert

import java.util.List;import java.util.ArrayList;

public List<Data> execute(){ final List<Data> result = new ArrayList<>(); //.... return result;}

JAVA

109/165



Why CDI

if you are not using a special method from ArrayList ... -> trimToSize()




Why CDI


Why not get rid of the static ref ??




Why CDI



Maybe at runtime a LinkedList would be better.. we dont want to compile allagain..




Why CDI



Maybe at runtime a LinkedList would be better.. we dont want to compile allagain..

ok, we could use Factories..




Why CDI

we are using plain SE

.. an example of a factory implementation

@SvenRuppert

import java.util.ArrayList; import java.util.LinkedList; import java.util.List;

public class ListFactory { public List createArrayList() { return new ArrayList(); } public List createLinkedList() { return new LinkedList(); } public List createList() { return new ArrayList(); }}

JAVA

114/165



Why CDI

Do we have something better reached?




Why CDI


the developers in your project are using this factory...




Why CDI


the developers in your project are using this factory... if they will know that thereis a factory ;-)




Why CDI

@SvenRuppert

import java.util.List; import java.util.ArrayList;public List<Data> execute(){ final List<Data> result = new ArrayList<>(); //.... return result;}

JAVA

118/165



Why CDI

@SvenRuppert

import java.util.List; import java.util.ArrayList;public List<Data> execute(){ final List<Data> result = new ArrayList<>(); //.... return result;}import java.util.List;import org.rapidpm.demo.ListFactory;public List<Data> execute(){ final List list = new ListFactory().createArrayList(); //.... return result;}

JAVA

119/165



Why CDI

ok, no static ref to ArrayList..




Why CDI


but we have a static ref to the factory method




Why CDI


but we have a static ref to the factory method

The implementation of the ListFactory itself will have all ref to allimplementations




Solution Nr 1based on Java SE

a little bit more dynamic..






@SvenRuppert

import java.util.ArrayList; import java.util.LinkedList; import java.util.List; import org.rapidpm.demo.cdi.commons.registry.ContextResolver;

public class ListFactory { public List createList(final ContextResolver contextResolver){ if(contextResolver == null){ return createArrayList(); } else { if(contextResolver.resolveContext()){ return createArrayList(); } else{ return createLinkedList(); } } }}

JAVA

124/165





the complexity is now -> ContextResolver







Added dep to the ContextResolver







Added dep to the ContextResolver

you got: at runtime you could switch the implementation





if you want to get rid of the deps inside the factory.. create a registry






at runtime you could register / unregister implemenattaions..






at runtime you could register / unregister implemenattaions..

CDI will help...




finally CDI ;-)based on Weld / WELD-SE

instances are given from the container via @Inject






@SvenRuppert

@Inject List list; JAVA

132/165





@SvenRuppert

@Inject @CDILegacyTest List list; JAVA

133/165





@SvenRuppert

@Inject @CDILegacyTest List list;

@Produces @CDILegacyTestpublic List createList(...){...}

JAVA

134/165





@SvenRuppert


@Produces @CDILegacyTestpublic List createList(InjectionPoint injectionPoint, BeanManager beanManager, ContextResolver contextResolver){ ....}

JAVA

135/165





@SvenRuppert


@Produces @CDILegacyTestpublic List createList(InjectionPoint injectionPoint, BeanManager beanManager, ContextResolver contextResolver){ boolean b = contextResolver.resolveContext(...); //treffen der Entscheidungen... if(b){ return new LinkedList(); } else { return new ArrayList(); }}

JAVA

136/165





the time to create the instance is to early..

@SvenRuppert



JAVA

137/165




but it could be done at runtime..






decide as late as possible







@SvenRuppert

@Inject @CDILegacyTest Instance<List> listInstance; JAVA

140/165






@SvenRuppert

@Inject @CDILegacyTest Instance<List> listInstance;//..späterfinal List list = listInstance.get();

JAVA

141/165






@SvenRuppert

@Inject @CDILegacyTest Instance<List> listInstance;//..späterfinal List list = listInstance.get();


JAVA

142/165




static bound via AnnotationsLiteral:

@SvenRuppert

@Inject @MyQualifier List liste; JAVA

143/165





Generics are not well supported

@SvenRuppert


144/165





Generics are not well supported

but still complex to use

@SvenRuppert


145/165



CDI explained by codeQualifier und AnnotationsLiterale

@SvenRuppert

@Inject @CDILogger Logger logger; JAVA

146/165




@SvenRuppert


147/165




@SvenRuppert


@Producer @CDILogger Logger create(...); JAVA

148/165




@SvenRuppert



@Producer @CDILogger Logger create(..){ AnnotationsLiteral prodAL = contextResolver.resolve(..);};

JAVA

149/165




@SvenRuppert



@Producer @CDILogger Logger create(BeanManager bm,ContextResolver cr){ AnnotationsLiteral prodAL = contextResolver.resolve(..); return creator.getManagedInstance(Logger.class, annotationLiteral);};

JAVA

150/165




you will get a dynamic AnnotationLiteral

@SvenRuppert




JAVA

151/165




you will get a dynamic AnnotationLiteral

AnnotationsLiteral and class -> select the Producers

@SvenRuppert




JAVA

152/165




Now... JavaFX with afterburner ...






apache licensed






apache licensed

as lean as possible: 3 classes, no external dependencies






apache licensed


combines: FXML, Convention over Configuration and JSR-330 / @Inject

integrated with maven 3






apache licensed




under active development






apache licensed





injection over a few steps is working






apache licensed






postconstruct is working






apache licensed







using existing CDI Services with Annotations (Scopes and so on) is not working with afterburner






apache licensed







using existing CDI Services with Annotations (Scopes and so on) is not working with afterburner

no mixed mode with CDI and afterburner.fx





Now... JavaFX with afterburner.fx ... show the code ..





Now... JavaFX with CDI bootstrap ... code only..




@SvenRupperthttp://www.rapidpm.org // http://www.codecentric.de

(privater) Tech - Newsletter -> Core Java, Reflection, IoT, uvmBei Interesse bitte bei mir eintragen -> plain old Zettel ;-)

g+: www.google.com/+SvenRuppertgithub : github.com/svenruppert



<Thank You!>

g+ www.google.com/+SvenRupperttwitter @SvenRuppertwww www.rapidpm.orggithub github.com/svenruppert

https://www.google.com/+SvenRuppert

http://twitter.com/@SvenRuppert

http://www.rapidpm.org/

https://github.com/svenruppert

JavaFX8 TestFX - CDI

Software

Transcript of JavaFX8 TestFX - CDI