Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Seleniumと相性がいいテンプレートエンジンMixer2-第1回selenium勉強会ライトニングトーク

8,862 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Seleniumと相性がいいテンプレートエンジンMixer2-第1回selenium勉強会ライトニングトーク

  1. 1. Mixer2 meets 意外とSeleniumと相性がいい テンプレートエンジンMixer2 @nabedge 第1回 日本Seleniumユーザーコミュニティ勉強会 渋谷CA 2014-01-18 1
  2. 2. 自己紹介 •  わたなべ •  SI屋の技術屋さん •  @nabedge •  http://nabedge.blogspot.jp 2
  3. 3. What is Mixer2 http://mixer2.org JavaでWebアプリを作るための テンプレートエンジン 3
  4. 4. このJSPをSeleniumでテストできますか? こんにちは <% if (name == null) { %> ゲストさん <% } else { %> <%= name %>さん <% } %> 4
  5. 5. こうしてほしくなりますよね? こんにちは<span id=“name”> <% if (name == null) { %> ゲストさん <% } else { %> <%= name %>さん <% } %></span> 5
  6. 6. Seleniumあるある 「このタグにidかclassを付けておいて くれれれば、ややこしいxpathを メンテしなくて済むのになー」 6
  7. 7. もしもさっきのJSPをMixer2で書いていたら Mixer2のテンプレートは純粋なXHTMLとCSS こんにちは<span id=“name”>ゲスト</span>さん 値の埋め込みやロジックは普通のJava Span span = html.getById(“name”, Span.class); span.unsetContent(); span.getContent.add(“ヤマダ”); // これで <span id=“name”>ヤマダ</span>さん // が出力される 7
  8. 8. Mixer2のメリット htmlモックアップを JSPに書き変えずに そのまま使える ※あとでデモでお見せします。 8
  9. 9. Slenium2ユーザから見たメリット Mixer2で作った画面は、 id属性、class属性が タグに付けられている ことが自然と多くなるため Seleniumを書くときに 助かる。 9
  10. 10. demo https://github.com/nabedge/mixer2-sample/ tree/master/mixer2-fruitshop-springmvc 10
  11. 11. Mixer2の動作原理 1.  Mixer2はXHTMLパーサーである。 2.  Mixer2はXHTMLジェネレーターである。 3.  要するに、Mixer2はObject/XHTMLマッパーである。 XHTML <html> <head> … </head> <body> … </body> </html> Javaオブジェクト loadHtmlTemplate Html Mixer2 Head Body saveToString 11
  12. 12. ご静聴ありがとうございました よろしくね! mixer2.org 12

×