Unit testing JavaScript with JUnit/JavaFX

JUnitでJavaScriptテスト Fx-Js-JUnitの紹介

おことわり● この発表ではJavaFXの話はほとんど出てきません。● JavaScriptの話を延々とします。● あらかじめご了承下さい。

誰？● 名前 : @mike_neck● 所属 : 無職 ○ １日９時間勤務で18時定時で昼1時間の休憩に加えて３時間昼寝できる会社探しています。● 職業 : プログラマー ○ Groovy / JavaScript / Java● ブログ ○ mike、mikeなるままに…

本日のテーマ● JavaでJavaScriptをテストする ○ Fx-Js-JUnitの紹介 ○ 技術接近遭遇、的な ○ 名状しがたい…

ところで…

JavaScriptのテストどうしていますか？

QUnitjQueryのテストでも使われているシンプルかつ強力なテストフレームワーク。Phantom.jsでCUIから操作可能。JavaScriptでテストを記述。

Seleniumブラウザーの自動操作ツール。SeleniumWeb Driverを用いてUI系のテストが記述できる。画面がボコボコ立ち上がるのがうざい。

JavaでJavaScriptのテストが書けて、かつうざくない奴が欲しいと思いません？

そこでFx-Js-JUnitですよ！

Fx-Js-JUnitを三行で説明せよ！

Fx-Js-JUnitを三行で説明せよ！● JavaFX2.0のWebEngineを用いたテストツール。● JUnitで型安全にJavaScriptのテストができる。● ブラウザーが立ち上がらないのでうざくない！…ニャル子、あかちゃんつくろ

そうそう、JUnitの説明は省きますよ

詳しくはWeb + DB プレス#69のJUnit特集で

Server JavaFXJUnit Test

サンプルテストコード@ClassRule @ClassRuleでテprivate static UseFxJsJUnit fxJsJUnit = スト前にJavaFX UseFxJsJUnit アプリケーション .address(http://www.google.com) を起動 .identifiedBy(TestClass).get();private JsJUnit jsJUnit;@Before JavaScriptのイpublic void setUp () { ンターフェースを jsJUnit = fxJsJUnit.getTester(); 取得}

サンプルテストコード型Longを期待するテスト@Test 実行public void longTest () { assertThat(jsJUnit.callLong(Integer.MAX_VALUE + " + 1"), is (Integer.MAX_VALUE + 1L));}@Test 型Personをpublic void personTest () { 期待するテス Person person = new Person(); ト実行 person.setName("mike"); person.setAge(35); assertThat(jsJUnit.callAs("{name : mike, age : 35}", Person.class), is (person));}

Fx-Js-JUnitJavaScriptのテストが

ｶﾀｰﾝｾﾞﾝ型安全

Fx-Js-JUnit< ｀・ω・´ > ﾖﾛｼｸ

The End

……

………

すんません調子こきました

技術

JavaScriptを型安全に取り扱うために● JavaFXスレッドの理解● 並列処理を構成する部材の理解● JavaScriptオブジェクトから Javaオブジェクトへのマッピング

JavaFXスレッドの理解-1● アプリケーションを起動した後の部分のコードはアプリケーション終了後に実行される Application.launch(App.class); doSomething();↑Platform.exit(); の後に実行される。

JavaFXスレッドの理解-2● UIを構成するオブジェクトへの操作、結果の取得はJavaFXスレッドを介する必要がある。 WebEngine engine; engine.executeScript("1 + 1"); Platform.runLater( { engine.executeScript("1 + 1");} );

JavaFXスレッドの理解-3● UIを構成するオブジェクトはJavaFXスレッド上で生成しなければならない JavaFX Thread engine = new WebEngine(); WebEngine Main Thread WebEngine engine;

JavaFXスレッドの理解-まとめ● JUnitからWebViewを操作するために ○ JUnitとは別のスレッドからJavaFXアプリケーションを起動 ○ 別のスレッドに演算させた結果を待機して、取得 ○ JUnitはJavaFXスレッドでインスタンス化されたオブジェクトへの参照を取得

並列処理を構成する部材の理解● java.util.concurrent.ExecutorService ○ 別スレッドの処理を簡易に記述 ○ JavaFXアプリケーションの起動にもちいる● java.util.concurrent.BlockingQueue<T> ○ JavaFXスレッドからのメッセージング (値のやり取り)に使用する● javafx.application.Platform ○ JavaFXへの操作を提供

並列処理を構成する部材の理解詳しい話は下記の書籍を参照。Java並行処理プログラミング3,990JPYくらい。http://goo.gl/UUzc1

JS→JavaマッピングWebEngineのAPIよりhttp://docs.oracle.com/javafx/2/api/javafx/scene/web/WebEngine.html JavaScript values are represented using the obvious Java classes: null becomes Java null; a boolean becomes a java.lang.Boolean; and a string becomes a java.lang.String. A number can be java.lang.Double or a java.lang.Integer, depending...If the result is a JavaScript object, it is wrapped as an instance of the netscape. javascript.JSObject

JS→Javaマッピング JavaScript typeof Java Object Object value null object null false boolean java.lang.Boolean 23 number java.lang.Integer 1.10 number java.lang.Double "script" string java.lang.String

JS→JavaマッピングWebEngineのAPIよりhttp://docs.oracle.com/javafx/2/api/javafx/scene/web/WebEngine.html JavaScript values are represented using the obvious Java classes: null becomes Java null; a boolean becomes a java.lang.Boolean; and a string becomes a java.lang.String. A number can be java.lang.Double or a java.lang.Integer, depending...If the result is a JavaScript object, it is wrapped as an instance of the netscape. javascript.JSObject

JS→Javaマッピング ┌（┌ ＾ｏ＾）┐ JSObject...

JS→JavaマッピングPlain Old JavaScript Object (POJSO)ならJSObject#getMember()でマッピングが可能{name : "cthuga", str : 80, con : 120, siz :140, pow : 42}JSObject cthuga = ...;assertThat( (String)cthuga.getMember("name"), is ("cthuga") );

JS→JavaマッピングSAN値を減少させるオブジェクト…

JS→JavaマッピングDateオブジェクト…JSObject date = ...;date.getMember("year"); JSExceptionが発生する

JS→JavaオブジェクトJavaScriptのDateオブジェクトにはメソッドはあるが、メンバーは存在しない。 ←Dateオブジェクトにはメンバーがない ←POJSO

JS→JavaマッピングちなみにJavaScriptでちゃんとメンバーの隠蔽化がなされたオブジェクト…var Encapsulation = function() { var count = 0; this.addAndGet = function () { count ++; return count; }};var counter = new Encapsulation();return counter;

JS→Javaマッピングそういったオブジェクトもメンバーを持ちません。

JS→JavaマッピングメンバーのないJSObjectをPOJOにマッピングするいい方法はないか

JS→Javaマッピングメソッドと戻り値の型情報がわかれば大丈夫だ、問題ない

JS→Javaマッピングテストしたい関数

JS→Javaマッピング関数を実行する関数を作成

JS→Javaマッピング関数を実行する関数を実行

JS→Javaマッピング関数を実行する関数を実行する関数を作る

JS→Javaマッピング｛…｝を無名関数化

JS→Javaマッピング戻り値を既知のメソッドでPOJSO化

JS→Javaマッピングテスト実行

JS→Javaマッピング既知の型、メンバーを持つPOJSOを取得(int) jsObject.getMember("addAndGet");

JS→JavaマッピングDateはPOJSOにマッピング

JS→Javaマッピング既知の型とメソッドはアノテーションに記述

JS→Javaマッピング型安全に実行してassertionできる！

JS→Javaマッピングequals(java.lang.Object)とhashCode()メソッドの実装は自己責任でね★

JS→Javaマッピング● プリミティブ型は直接取得してassert● POJSOはgetMemberメソッド経由で POJOにマッピングしてassert● 特殊なオブジェクトはアノテーションのメタ情報からPOJSOを経由してマッピングしてassert

Fx-Js-JUnitJavaScriptのテストが

ｶﾀｰﾝｾﾞﾝ型安全

Enjoy JavaScript!

ご静聴ありがとぉ…

…ぉ？

テストは複数同時に実行したいですよねぇ

お望みであればやってみせますが…

名状しがたい…SAN値が下がりますよdef service = Executors.newThreadPool(2)service.execute { Application.launch(App) }service.execute { Application.launch(App) }

名状しがたい…

名状しがたい…複数 + JavaFX で検索

名状しがたい…

名状しがたい…JavaFXは二度起動させることはできぬ！

名状しがたい…● 複数のテストへの対応 ○ WebEngineを複数立ち上げる ○ 定期的にポーリングを行なって、 WebEngineが利用されなくなったら終了する

名状しがたい…● TODOs ○ 複数のテストへの対応 ○ ServletコンテナまたはJavaEEコンテナの搭載 ○ GitHubへの公開 ○ Maven/Ivyレポジトリーへの登録 ○ 他ご要望がありましたら @mike_neckまで

Thank youfor your attention

http://skrb.hatenablog.com	2288
http://freerss.net	81
https://twitter.com	47
http://webcache.googleusercontent.com	16
http://us-w1.rockmelt.com	9
https://si0.twimg.com	2
http://feeds.feedburner.com	1
http://twitter.com	1
http://translate.googleusercontent.com	1
http://tweetedtimes.com	1
http://pinterest.com	1

Unit testing JavaScript with JUnit/JavaFX

by mike_neck Mochida on Jul 02, 2012

Accessibility

Upload Details

Usage Rights

11 Embeds 2,448

Statistics

Unit testing JavaScript with JUnit/JavaFX Presentation Transcript