jaroslav@530: /** jaroslav@530: * Back 2 Browser Bytecode Translator jaroslav@530: * Copyright (C) 2012 Jaroslav Tulach jaroslav@530: * jaroslav@530: * This program is free software: you can redistribute it and/or modify jaroslav@530: * it under the terms of the GNU General Public License as published by jaroslav@530: * the Free Software Foundation, version 2 of the License. jaroslav@530: * jaroslav@530: * This program is distributed in the hope that it will be useful, jaroslav@530: * but WITHOUT ANY WARRANTY; without even the implied warranty of jaroslav@530: * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the jaroslav@530: * GNU General Public License for more details. jaroslav@530: * jaroslav@530: * You should have received a copy of the GNU General Public License jaroslav@530: * along with this program. Look for COPYING file in the top folder. jaroslav@530: * If not, see http://opensource.org/licenses/GPL-2.0. jaroslav@530: */ jaroslav@530: package org.apidesign.bck2brwsr.htmlpage; jaroslav@530: jaroslav@767: import java.util.List; jaroslav@1011: import javafx.scene.web.WebEngine; jaroslav@1011: import netscape.javascript.JSObject; jaroslav@763: import org.apidesign.bck2brwsr.core.JavaScriptBody; jaroslav@530: import org.apidesign.bck2brwsr.htmlpage.api.ComputedProperty; jaroslav@530: import org.apidesign.bck2brwsr.htmlpage.api.OnEvent; jaroslav@879: import org.apidesign.bck2brwsr.htmlpage.api.OnFunction; jaroslav@530: import org.apidesign.bck2brwsr.htmlpage.api.Page; jaroslav@530: import org.apidesign.bck2brwsr.htmlpage.api.Property; jaroslav@530: import org.apidesign.bck2brwsr.vmtest.BrwsrTest; jaroslav@530: import org.apidesign.bck2brwsr.vmtest.HtmlFragment; jaroslav@530: import org.apidesign.bck2brwsr.vmtest.VMTest; jaroslav@930: import static org.testng.Assert.assertEquals; jaroslav@530: import org.testng.annotations.Factory; jaroslav@930: import org.testng.annotations.Test; jaroslav@530: jaroslav@530: /** jaroslav@530: * jaroslav@530: * @author Jaroslav Tulach jaroslav@530: */ jaroslav@530: @Page(xhtml="Knockout.xhtml", className="KnockoutModel", properties={ jaroslav@763: @Property(name="name", type=String.class), jaroslav@879: @Property(name="results", type=String.class, array = true), jaroslav@906: @Property(name="callbackCount", type=int.class), jaroslav@1011: @Property(name="people", type=Person.class, array = true) jaroslav@530: }) jaroslav@530: public class KnockoutTest { jaroslav@530: jaroslav@530: @HtmlFragment( jaroslav@530: "

Loading Bck2Brwsr's Hello World...

\n" + jaroslav@530: "Your name: \n" + jaroslav@530: "\n" jaroslav@530: ) jaroslav@530: @BrwsrTest public void modifyValueAssertChangeInModel() { jaroslav@530: KnockoutModel m = new KnockoutModel(); jaroslav@530: m.setName("Kukuc"); jaroslav@530: m.applyBindings(); jaroslav@892: assert "Kukuc".equals(m.input.getValue()) : "Value is really kukuc: " + m.input.getValue(); jaroslav@892: m.input.setValue("Jardo"); jaroslav@892: m.triggerEvent(m.input, OnEvent.CHANGE); jaroslav@530: assert "Jardo".equals(m.getName()) : "Name property updated: " + m.getName(); jaroslav@530: } jaroslav@530: jaroslav@763: @HtmlFragment( jaroslav@763: "\n" jaroslav@763: ) jaroslav@763: @BrwsrTest public void displayContentOfArray() { jaroslav@763: KnockoutModel m = new KnockoutModel(); jaroslav@763: m.getResults().add("Ahoj"); jaroslav@763: m.applyBindings(); jaroslav@763: jaroslav@763: int cnt = countChildren("ul"); jaroslav@763: assert cnt == 1 : "One child, but was " + cnt; jaroslav@763: jaroslav@879: m.getResults().add("Hi"); jaroslav@763: jaroslav@763: cnt = countChildren("ul"); jaroslav@763: assert cnt == 2 : "Two children now, but was " + cnt; jaroslav@879: jaroslav@879: triggerChildClick("ul", 1); jaroslav@879: jaroslav@879: assert 1 == m.getCallbackCount() : "One callback " + m.getCallbackCount(); jaroslav@879: assert "Hi".equals(m.getName()) : "We got callback from 2nd child " + m.getName(); jaroslav@763: } jaroslav@763: jaroslav@767: @HtmlFragment( jaroslav@767: "\n" jaroslav@767: ) jaroslav@767: @BrwsrTest public void displayContentOfDerivedArray() { jaroslav@767: KnockoutModel m = new KnockoutModel(); jaroslav@767: m.getResults().add("Ahoj"); jaroslav@767: m.applyBindings(); jaroslav@767: jaroslav@767: int cnt = countChildren("ul"); jaroslav@767: assert cnt == 1 : "One child, but was " + cnt; jaroslav@767: jaroslav@767: m.getResults().add("hello"); jaroslav@767: jaroslav@767: cnt = countChildren("ul"); jaroslav@767: assert cnt == 2 : "Two children now, but was " + cnt; jaroslav@767: } jaroslav@767: jaroslav@906: @HtmlFragment( jaroslav@906: "\n" jaroslav@906: ) jaroslav@906: @BrwsrTest public void displayContentOfArrayOfPeople() { jaroslav@906: KnockoutModel m = new KnockoutModel(); jaroslav@908: jaroslav@908: final Person first = new Person(); jaroslav@908: first.setFirstName("first"); jaroslav@908: m.getPeople().add(first); jaroslav@908: jaroslav@906: m.applyBindings(); jaroslav@906: jaroslav@906: int cnt = countChildren("ul"); jaroslav@906: assert cnt == 1 : "One child, but was " + cnt; jaroslav@906: jaroslav@908: final Person second = new Person(); jaroslav@908: second.setFirstName("second"); jaroslav@908: m.getPeople().add(second); jaroslav@906: jaroslav@906: cnt = countChildren("ul"); jaroslav@906: assert cnt == 2 : "Two children now, but was " + cnt; jaroslav@906: jaroslav@906: triggerChildClick("ul", 1); jaroslav@906: jaroslav@906: assert 1 == m.getCallbackCount() : "One callback " + m.getCallbackCount(); jaroslav@906: jaroslav@906: cnt = countChildren("ul"); jaroslav@906: assert cnt == 1 : "Again one child, but was " + cnt; jaroslav@908: jaroslav@908: String txt = childText("ul", 0); jaroslav@908: assert "first".equals(txt) : "Expecting 'first': " + txt; jaroslav@909: jaroslav@909: first.setFirstName("changed"); jaroslav@909: jaroslav@909: txt = childText("ul", 0); jaroslav@909: assert "changed".equals(txt) : "Expecting 'changed': " + txt; jaroslav@906: } jaroslav@914: jaroslav@929: @ComputedProperty jaroslav@929: static Person firstPerson(List people) { jaroslav@929: return people.isEmpty() ? null : people.get(0); jaroslav@929: } jaroslav@929: jaroslav@929: @HtmlFragment( jaroslav@929: "

\n" jaroslav@929: + " \n" jaroslav@929: + "

\n" jaroslav@929: ) jaroslav@929: @BrwsrTest public void accessFirstPersonWithOnFunction() { jaroslav@929: trasfertToFemale(); jaroslav@929: } jaroslav@929: jaroslav@914: @HtmlFragment( jaroslav@914: "
    \n" jaroslav@914: + "
  • \n" jaroslav@914: + "
\n" jaroslav@914: ) jaroslav@914: @BrwsrTest public void onPersonFunction() { jaroslav@929: trasfertToFemale(); jaroslav@929: } jaroslav@929: jaroslav@929: private void trasfertToFemale() { jaroslav@914: KnockoutModel m = new KnockoutModel(); jaroslav@929: jaroslav@914: final Person first = new Person(); jaroslav@914: first.setFirstName("first"); jaroslav@914: first.setSex(Sex.MALE); jaroslav@914: m.getPeople().add(first); jaroslav@929: jaroslav@929: jaroslav@914: m.applyBindings(); jaroslav@929: jaroslav@914: int cnt = countChildren("ul"); jaroslav@914: assert cnt == 1 : "One child, but was " + cnt; jaroslav@929: jaroslav@929: jaroslav@914: triggerChildClick("ul", 0); jaroslav@929: jaroslav@914: assert first.getSex() == Sex.FEMALE : "Transverted to female: " + first.getSex(); jaroslav@914: } jaroslav@930: jaroslav@930: @Test public void cloneModel() { jaroslav@930: Person model = new Person(); jaroslav@930: jaroslav@930: model.setFirstName("first"); jaroslav@930: Person snd = model.clone(); jaroslav@930: snd.setFirstName("clone"); jaroslav@930: assertEquals("first", model.getFirstName(), "Value has not changed"); jaroslav@930: assertEquals("clone", snd.getFirstName(), "Value has changed in clone"); jaroslav@930: } jaroslav@930: jaroslav@930: jaroslav@930: @Test public void deepCopyOnClone() { jaroslav@930: People model = new People(); jaroslav@930: model.getNicknames().add("Jarda"); jaroslav@930: assertEquals(model.getNicknames().size(), 1, "One element"); jaroslav@930: People snd = model.clone(); jaroslav@930: snd.getNicknames().clear(); jaroslav@930: assertEquals(snd.getNicknames().size(), 0, "Clone is empty"); jaroslav@930: assertEquals(model.getNicknames().size(), 1, "Still one element"); jaroslav@930: } jaroslav@930: jaroslav@906: jaroslav@879: @OnFunction jaroslav@879: static void call(KnockoutModel m, String data) { jaroslav@879: m.setName(data); jaroslav@879: m.setCallbackCount(m.getCallbackCount() + 1); jaroslav@879: } jaroslav@906: jaroslav@906: @OnFunction jaroslav@906: static void removePerson(KnockoutModel model, Person data) { jaroslav@906: model.setCallbackCount(model.getCallbackCount() + 1); jaroslav@906: model.getPeople().remove(data); jaroslav@906: } jaroslav@906: jaroslav@879: jaroslav@530: @ComputedProperty jaroslav@530: static String helloMessage(String name) { jaroslav@530: return "Hello " + name + "!"; jaroslav@530: } jaroslav@530: jaroslav@767: @ComputedProperty jaroslav@767: static List cmpResults(List results) { jaroslav@767: return results; jaroslav@767: } jaroslav@767: jaroslav@530: @Factory jaroslav@530: public static Object[] create() { jaroslav@530: return VMTest.create(KnockoutTest.class); jaroslav@530: } jaroslav@763: jaroslav@1011: private static final String COUNT_CHILDREN = jaroslav@763: "var e = window.document.getElementById(id);\n " jaroslav@763: + "if (typeof e === 'undefined') return -2;\n " jaroslav@1011: + "return e.children.length;\n"; jaroslav@1011: @JavaScriptBody(args = { "id" }, body = COUNT_CHILDREN) jaroslav@1011: private static int countChildren(String id) { jaroslav@1011: return ((Number)js().call("countChildren", id)).intValue(); jaroslav@1011: } jaroslav@879: jaroslav@1011: private static final String TRIGGER_CHILD_CLICK = jaroslav@879: "var e = window.document.getElementById(id);\n " jaroslav@879: + "var ev = window.document.createEvent('MouseEvents');\n " jaroslav@879: + "ev.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n " jaroslav@1011: + "e.children[pos].dispatchEvent(ev);\n "; jaroslav@1011: @JavaScriptBody(args = { "id", "pos" }, body = TRIGGER_CHILD_CLICK) jaroslav@1011: private static void triggerChildClick(String id, int pos) { jaroslav@1011: js().call("triggerChildClick", id, pos); jaroslav@1011: } jaroslav@908: jaroslav@1011: private static final String CHILD_TEXT = jaroslav@908: "var e = window.document.getElementById(id);\n " jaroslav@908: + "var t = e.children[pos].innerHTML;\n " jaroslav@1011: + "return t ? t : null;"; jaroslav@1011: @JavaScriptBody(args = { "id", "pos" }, body = CHILD_TEXT) jaroslav@1011: private static String childText(String id, int pos) { jaroslav@1011: return (String) js().call("childText", id, pos); jaroslav@1011: } jaroslav@1011: jaroslav@1011: jaroslav@1011: private static JSObject js; jaroslav@1011: private static JSObject js() { jaroslav@1011: if (js == null) { jaroslav@1011: WebEngine eng = (WebEngine)System.getProperties().get("webEngine"); jaroslav@1011: if (eng == null) { jaroslav@1011: js = null; jaroslav@1011: } else { jaroslav@1011: js = (JSObject) eng.executeScript("(function () {" + jaroslav@1011: "var obj = {};" jaroslav@1011: + "" jaroslav@1011: + "obj.countChildren = function(id) { " + COUNT_CHILDREN + "};" jaroslav@1011: + "obj.triggerChildClick = function(id, pos) { " + TRIGGER_CHILD_CLICK + "};" jaroslav@1011: + "obj.childText = function(id, pos) { " + CHILD_TEXT + "};" jaroslav@1011: + "return obj;" jaroslav@1011: + "})();"); jaroslav@1011: } jaroslav@1011: } jaroslav@1011: jaroslav@1011: return js; jaroslav@1011: } jaroslav@530: }