jaroslav@530
|
1 |
/**
|
jaroslav@530
|
2 |
* Back 2 Browser Bytecode Translator
|
jaroslav@530
|
3 |
* Copyright (C) 2012 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
|
jaroslav@530
|
4 |
*
|
jaroslav@530
|
5 |
* This program is free software: you can redistribute it and/or modify
|
jaroslav@530
|
6 |
* it under the terms of the GNU General Public License as published by
|
jaroslav@530
|
7 |
* the Free Software Foundation, version 2 of the License.
|
jaroslav@530
|
8 |
*
|
jaroslav@530
|
9 |
* This program is distributed in the hope that it will be useful,
|
jaroslav@530
|
10 |
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
jaroslav@530
|
11 |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
jaroslav@530
|
12 |
* GNU General Public License for more details.
|
jaroslav@530
|
13 |
*
|
jaroslav@530
|
14 |
* You should have received a copy of the GNU General Public License
|
jaroslav@530
|
15 |
* along with this program. Look for COPYING file in the top folder.
|
jaroslav@530
|
16 |
* If not, see http://opensource.org/licenses/GPL-2.0.
|
jaroslav@530
|
17 |
*/
|
jaroslav@530
|
18 |
package org.apidesign.bck2brwsr.htmlpage;
|
jaroslav@530
|
19 |
|
jaroslav@767
|
20 |
import java.util.List;
|
jaroslav@763
|
21 |
import org.apidesign.bck2brwsr.core.JavaScriptBody;
|
jaroslav@530
|
22 |
import org.apidesign.bck2brwsr.htmlpage.api.ComputedProperty;
|
jaroslav@530
|
23 |
import org.apidesign.bck2brwsr.htmlpage.api.OnEvent;
|
jaroslav@879
|
24 |
import org.apidesign.bck2brwsr.htmlpage.api.OnFunction;
|
jaroslav@530
|
25 |
import org.apidesign.bck2brwsr.htmlpage.api.Page;
|
jaroslav@530
|
26 |
import org.apidesign.bck2brwsr.htmlpage.api.Property;
|
jaroslav@530
|
27 |
import org.apidesign.bck2brwsr.vmtest.BrwsrTest;
|
jaroslav@530
|
28 |
import org.apidesign.bck2brwsr.vmtest.HtmlFragment;
|
jaroslav@530
|
29 |
import org.apidesign.bck2brwsr.vmtest.VMTest;
|
jaroslav@530
|
30 |
import org.testng.annotations.Factory;
|
jaroslav@530
|
31 |
|
jaroslav@530
|
32 |
/**
|
jaroslav@530
|
33 |
*
|
jaroslav@530
|
34 |
* @author Jaroslav Tulach <jtulach@netbeans.org>
|
jaroslav@530
|
35 |
*/
|
jaroslav@530
|
36 |
@Page(xhtml="Knockout.xhtml", className="KnockoutModel", properties={
|
jaroslav@763
|
37 |
@Property(name="name", type=String.class),
|
jaroslav@879
|
38 |
@Property(name="results", type=String.class, array = true),
|
jaroslav@879
|
39 |
@Property(name="callbackCount", type=int.class)
|
jaroslav@530
|
40 |
})
|
jaroslav@530
|
41 |
public class KnockoutTest {
|
jaroslav@530
|
42 |
|
jaroslav@530
|
43 |
@HtmlFragment(
|
jaroslav@530
|
44 |
"<h1 data-bind=\"text: helloMessage\">Loading Bck2Brwsr's Hello World...</h1>\n" +
|
jaroslav@530
|
45 |
"Your name: <input id='input' data-bind=\"value: name\"></input>\n" +
|
jaroslav@530
|
46 |
"<button id=\"hello\">Say Hello!</button>\n"
|
jaroslav@530
|
47 |
)
|
jaroslav@530
|
48 |
@BrwsrTest public void modifyValueAssertChangeInModel() {
|
jaroslav@530
|
49 |
KnockoutModel m = new KnockoutModel();
|
jaroslav@530
|
50 |
m.setName("Kukuc");
|
jaroslav@530
|
51 |
m.applyBindings();
|
jaroslav@892
|
52 |
assert "Kukuc".equals(m.input.getValue()) : "Value is really kukuc: " + m.input.getValue();
|
jaroslav@892
|
53 |
m.input.setValue("Jardo");
|
jaroslav@892
|
54 |
m.triggerEvent(m.input, OnEvent.CHANGE);
|
jaroslav@530
|
55 |
assert "Jardo".equals(m.getName()) : "Name property updated: " + m.getName();
|
jaroslav@530
|
56 |
}
|
jaroslav@530
|
57 |
|
jaroslav@763
|
58 |
@HtmlFragment(
|
jaroslav@763
|
59 |
"<ul id='ul' data-bind='foreach: results'>\n"
|
jaroslav@879
|
60 |
+ " <li data-bind='text: $data, click: $root.call'/>\n"
|
jaroslav@763
|
61 |
+ "</ul>\n"
|
jaroslav@763
|
62 |
)
|
jaroslav@763
|
63 |
@BrwsrTest public void displayContentOfArray() {
|
jaroslav@763
|
64 |
KnockoutModel m = new KnockoutModel();
|
jaroslav@763
|
65 |
m.getResults().add("Ahoj");
|
jaroslav@763
|
66 |
m.applyBindings();
|
jaroslav@763
|
67 |
|
jaroslav@763
|
68 |
int cnt = countChildren("ul");
|
jaroslav@763
|
69 |
assert cnt == 1 : "One child, but was " + cnt;
|
jaroslav@763
|
70 |
|
jaroslav@879
|
71 |
m.getResults().add("Hi");
|
jaroslav@763
|
72 |
|
jaroslav@763
|
73 |
cnt = countChildren("ul");
|
jaroslav@763
|
74 |
assert cnt == 2 : "Two children now, but was " + cnt;
|
jaroslav@879
|
75 |
|
jaroslav@879
|
76 |
triggerChildClick("ul", 1);
|
jaroslav@879
|
77 |
|
jaroslav@879
|
78 |
assert 1 == m.getCallbackCount() : "One callback " + m.getCallbackCount();
|
jaroslav@879
|
79 |
assert "Hi".equals(m.getName()) : "We got callback from 2nd child " + m.getName();
|
jaroslav@763
|
80 |
}
|
jaroslav@763
|
81 |
|
jaroslav@767
|
82 |
@HtmlFragment(
|
jaroslav@767
|
83 |
"<ul id='ul' data-bind='foreach: cmpResults'>\n"
|
jaroslav@767
|
84 |
+ " <li><b data-bind='text: $data'></b></li>\n"
|
jaroslav@767
|
85 |
+ "</ul>\n"
|
jaroslav@767
|
86 |
)
|
jaroslav@767
|
87 |
@BrwsrTest public void displayContentOfDerivedArray() {
|
jaroslav@767
|
88 |
KnockoutModel m = new KnockoutModel();
|
jaroslav@767
|
89 |
m.getResults().add("Ahoj");
|
jaroslav@767
|
90 |
m.applyBindings();
|
jaroslav@767
|
91 |
|
jaroslav@767
|
92 |
int cnt = countChildren("ul");
|
jaroslav@767
|
93 |
assert cnt == 1 : "One child, but was " + cnt;
|
jaroslav@767
|
94 |
|
jaroslav@767
|
95 |
m.getResults().add("hello");
|
jaroslav@767
|
96 |
|
jaroslav@767
|
97 |
cnt = countChildren("ul");
|
jaroslav@767
|
98 |
assert cnt == 2 : "Two children now, but was " + cnt;
|
jaroslav@767
|
99 |
}
|
jaroslav@767
|
100 |
|
jaroslav@879
|
101 |
@OnFunction
|
jaroslav@879
|
102 |
static void call(KnockoutModel m, String data) {
|
jaroslav@879
|
103 |
m.setName(data);
|
jaroslav@879
|
104 |
m.setCallbackCount(m.getCallbackCount() + 1);
|
jaroslav@879
|
105 |
}
|
jaroslav@879
|
106 |
|
jaroslav@530
|
107 |
@ComputedProperty
|
jaroslav@530
|
108 |
static String helloMessage(String name) {
|
jaroslav@530
|
109 |
return "Hello " + name + "!";
|
jaroslav@530
|
110 |
}
|
jaroslav@530
|
111 |
|
jaroslav@767
|
112 |
@ComputedProperty
|
jaroslav@767
|
113 |
static List<String> cmpResults(List<String> results) {
|
jaroslav@767
|
114 |
return results;
|
jaroslav@767
|
115 |
}
|
jaroslav@767
|
116 |
|
jaroslav@530
|
117 |
@Factory
|
jaroslav@530
|
118 |
public static Object[] create() {
|
jaroslav@530
|
119 |
return VMTest.create(KnockoutTest.class);
|
jaroslav@530
|
120 |
}
|
jaroslav@763
|
121 |
|
jaroslav@763
|
122 |
@JavaScriptBody(args = { "id" }, body =
|
jaroslav@763
|
123 |
"var e = window.document.getElementById(id);\n "
|
jaroslav@763
|
124 |
+ "if (typeof e === 'undefined') return -2;\n "
|
jaroslav@763
|
125 |
+ "return e.children.length;\n "
|
jaroslav@763
|
126 |
)
|
jaroslav@763
|
127 |
private static native int countChildren(String id);
|
jaroslav@879
|
128 |
|
jaroslav@879
|
129 |
@JavaScriptBody(args = { "id", "pos" }, body =
|
jaroslav@879
|
130 |
"var e = window.document.getElementById(id);\n "
|
jaroslav@879
|
131 |
+ "var ev = window.document.createEvent('MouseEvents');\n "
|
jaroslav@879
|
132 |
+ "ev.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n "
|
jaroslav@879
|
133 |
+ "e.children[pos].dispatchEvent(ev);\n "
|
jaroslav@879
|
134 |
)
|
jaroslav@879
|
135 |
private static native void triggerChildClick(String id, int pos);
|
jaroslav@530
|
136 |
}
|