| 13532 |
anikendra |
1 |
<?php
|
|
|
2 |
/**
|
|
|
3 |
* MooEngineTestCase
|
|
|
4 |
*
|
|
|
5 |
* CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
|
|
|
6 |
* Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
|
|
|
7 |
*
|
|
|
8 |
* Licensed under The MIT License
|
|
|
9 |
* For full copyright and license information, please see the LICENSE.txt
|
|
|
10 |
* Redistributions of files must retain the above copyright notice.
|
|
|
11 |
*
|
|
|
12 |
* @copyright Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
|
|
|
13 |
* @link http://cakephp.org CakePHP Project
|
|
|
14 |
* @package Cake.Test.Case.View.Helper
|
|
|
15 |
* @license http://www.opensource.org/licenses/mit-license.php MIT License
|
|
|
16 |
*/
|
|
|
17 |
|
|
|
18 |
App::uses('View', 'View');
|
|
|
19 |
App::uses('HtmlHelper', 'View/Helper');
|
|
|
20 |
App::uses('JsHelper', 'View/Helper');
|
|
|
21 |
App::uses('MootoolsEngineHelper', 'View/Helper');
|
|
|
22 |
|
|
|
23 |
/**
|
|
|
24 |
* Class MootoolsEngineHelperTest
|
|
|
25 |
*
|
|
|
26 |
* @package Cake.Test.Case.View.Helper
|
|
|
27 |
*/
|
|
|
28 |
class MootoolsEngineHelperTest extends CakeTestCase {
|
|
|
29 |
|
|
|
30 |
/**
|
|
|
31 |
* setUp
|
|
|
32 |
*
|
|
|
33 |
* @return void
|
|
|
34 |
*/
|
|
|
35 |
public function setUp() {
|
|
|
36 |
parent::setUp();
|
|
|
37 |
$controller = null;
|
|
|
38 |
$this->View = $this->getMock('View', array('addScript'), array(&$controller));
|
|
|
39 |
$this->Moo = new MootoolsEngineHelper($this->View);
|
|
|
40 |
}
|
|
|
41 |
|
|
|
42 |
/**
|
|
|
43 |
* tearDown
|
|
|
44 |
*
|
|
|
45 |
* @return void
|
|
|
46 |
*/
|
|
|
47 |
public function tearDown() {
|
|
|
48 |
parent::tearDown();
|
|
|
49 |
unset($this->Moo);
|
|
|
50 |
}
|
|
|
51 |
|
|
|
52 |
/**
|
|
|
53 |
* test selector method
|
|
|
54 |
*
|
|
|
55 |
* @return void
|
|
|
56 |
*/
|
|
|
57 |
public function testSelector() {
|
|
|
58 |
$result = $this->Moo->get('#content');
|
|
|
59 |
$this->assertEquals($this->Moo, $result);
|
|
|
60 |
$this->assertEquals($this->Moo->selection, '$("content")');
|
|
|
61 |
|
|
|
62 |
$result = $this->Moo->get('a .remove');
|
|
|
63 |
$this->assertEquals($this->Moo, $result);
|
|
|
64 |
$this->assertEquals($this->Moo->selection, '$$("a .remove")');
|
|
|
65 |
|
|
|
66 |
$result = $this->Moo->get('document');
|
|
|
67 |
$this->assertEquals($this->Moo, $result);
|
|
|
68 |
$this->assertEquals($this->Moo->selection, "$(document)");
|
|
|
69 |
|
|
|
70 |
$result = $this->Moo->get('window');
|
|
|
71 |
$this->assertEquals($this->Moo, $result);
|
|
|
72 |
$this->assertEquals($this->Moo->selection, "$(window)");
|
|
|
73 |
|
|
|
74 |
$result = $this->Moo->get('ul');
|
|
|
75 |
$this->assertEquals($this->Moo, $result);
|
|
|
76 |
$this->assertEquals($this->Moo->selection, '$$("ul")');
|
|
|
77 |
|
|
|
78 |
$result = $this->Moo->get('#some_long-id.class');
|
|
|
79 |
$this->assertEquals($this->Moo, $result);
|
|
|
80 |
$this->assertEquals($this->Moo->selection, '$$("#some_long-id.class")');
|
|
|
81 |
}
|
|
|
82 |
|
|
|
83 |
/**
|
|
|
84 |
* test event binding
|
|
|
85 |
*
|
|
|
86 |
* @return void
|
|
|
87 |
*/
|
|
|
88 |
public function testEvent() {
|
|
|
89 |
$this->Moo->get('#myLink');
|
|
|
90 |
$result = $this->Moo->event('click', 'doClick', array('wrap' => false));
|
|
|
91 |
$expected = '$("myLink").addEvent("click", doClick);';
|
|
|
92 |
$this->assertEquals($expected, $result);
|
|
|
93 |
|
|
|
94 |
$result = $this->Moo->event('click', 'this.setStyle("display", "");', array('stop' => false));
|
|
|
95 |
$expected = '$("myLink").addEvent("click", function (event) {this.setStyle("display", "");});';
|
|
|
96 |
$this->assertEquals($expected, $result);
|
|
|
97 |
|
|
|
98 |
$result = $this->Moo->event('click', 'this.setStyle("display", "none");');
|
|
|
99 |
$expected = "\$(\"myLink\").addEvent(\"click\", function (event) {event.stop();\nthis.setStyle(\"display\", \"none\");});";
|
|
|
100 |
$this->assertEquals($expected, $result);
|
|
|
101 |
}
|
|
|
102 |
|
|
|
103 |
/**
|
|
|
104 |
* test dom ready event creation
|
|
|
105 |
*
|
|
|
106 |
* @return void
|
|
|
107 |
*/
|
|
|
108 |
public function testDomReady() {
|
|
|
109 |
$result = $this->Moo->domReady('foo.name = "bar";');
|
|
|
110 |
$expected = 'window.addEvent("domready", function (event) {foo.name = "bar";});';
|
|
|
111 |
$this->assertEquals($expected, $result);
|
|
|
112 |
}
|
|
|
113 |
|
|
|
114 |
/**
|
|
|
115 |
* test Each method
|
|
|
116 |
*
|
|
|
117 |
* @return void
|
|
|
118 |
*/
|
|
|
119 |
public function testEach() {
|
|
|
120 |
$this->Moo->get('#foo');
|
|
|
121 |
$result = $this->Moo->each('item.setStyle("display", "none");');
|
|
|
122 |
$expected = '$("foo").each(function (item, index) {item.setStyle("display", "none");});';
|
|
|
123 |
$this->assertEquals($expected, $result);
|
|
|
124 |
}
|
|
|
125 |
|
|
|
126 |
/**
|
|
|
127 |
* test Effect generation
|
|
|
128 |
*
|
|
|
129 |
* @return void
|
|
|
130 |
*/
|
|
|
131 |
public function testEffect() {
|
|
|
132 |
$this->Moo->get('#foo');
|
|
|
133 |
$result = $this->Moo->effect('show');
|
|
|
134 |
$expected = '$("foo").setStyle("display", "");';
|
|
|
135 |
$this->assertEquals($expected, $result);
|
|
|
136 |
|
|
|
137 |
$result = $this->Moo->effect('hide');
|
|
|
138 |
$expected = '$("foo").setStyle("display", "none");';
|
|
|
139 |
$this->assertEquals($expected, $result);
|
|
|
140 |
|
|
|
141 |
$result = $this->Moo->effect('fadeIn');
|
|
|
142 |
$expected = '$("foo").fade("in");';
|
|
|
143 |
$this->assertEquals($expected, $result);
|
|
|
144 |
|
|
|
145 |
$result = $this->Moo->effect('fadeOut');
|
|
|
146 |
$expected = '$("foo").fade("out");';
|
|
|
147 |
$this->assertEquals($expected, $result);
|
|
|
148 |
|
|
|
149 |
$result = $this->Moo->effect('slideIn');
|
|
|
150 |
$expected = '$("foo").slide("in");';
|
|
|
151 |
$this->assertEquals($expected, $result);
|
|
|
152 |
|
|
|
153 |
$result = $this->Moo->effect('slideOut');
|
|
|
154 |
$expected = '$("foo").slide("out");';
|
|
|
155 |
$this->assertEquals($expected, $result);
|
|
|
156 |
|
|
|
157 |
$result = $this->Moo->effect('slideOut', array('speed' => 'fast'));
|
|
|
158 |
$expected = '$("foo").set("slide", {duration:"short"}).slide("out");';
|
|
|
159 |
$this->assertEquals($expected, $result);
|
|
|
160 |
|
|
|
161 |
$result = $this->Moo->effect('slideOut', array('speed' => 'slow'));
|
|
|
162 |
$expected = '$("foo").set("slide", {duration:"long"}).slide("out");';
|
|
|
163 |
$this->assertEquals($expected, $result);
|
|
|
164 |
}
|
|
|
165 |
|
|
|
166 |
/**
|
|
|
167 |
* Test Request Generation
|
|
|
168 |
*
|
|
|
169 |
* @return void
|
|
|
170 |
*/
|
|
|
171 |
public function testRequest() {
|
|
|
172 |
$result = $this->Moo->request(array('controller' => 'posts', 'action' => 'view', 1));
|
|
|
173 |
$expected = 'var jsRequest = new Request({url:"\\/posts\\/view\\/1"}).send();';
|
|
|
174 |
$this->assertEquals($expected, $result);
|
|
|
175 |
|
|
|
176 |
$result = $this->Moo->request('/posts/view/1', array('update' => 'content'));
|
|
|
177 |
$expected = 'var jsRequest = new Request.HTML({update:"content", url:"\\/posts\\/view\\/1"}).send();';
|
|
|
178 |
$this->assertEquals($expected, $result);
|
|
|
179 |
|
|
|
180 |
$result = $this->Moo->request('/people/edit/1', array(
|
|
|
181 |
'method' => 'post',
|
|
|
182 |
'complete' => 'doSuccess',
|
|
|
183 |
'error' => 'handleError',
|
|
|
184 |
'type' => 'json',
|
|
|
185 |
'data' => array('name' => 'jim', 'height' => '185cm'),
|
|
|
186 |
'wrapCallbacks' => false
|
|
|
187 |
));
|
|
|
188 |
$expected = 'var jsRequest = new Request.JSON({method:"post", onComplete:doSuccess, onFailure:handleError, url:"\\/people\\/edit\\/1"}).send({"name":"jim","height":"185cm"});';
|
|
|
189 |
$this->assertEquals($expected, $result);
|
|
|
190 |
|
|
|
191 |
$result = $this->Moo->request('/people/edit/1', array(
|
|
|
192 |
'method' => 'post',
|
|
|
193 |
'complete' => 'doSuccess',
|
|
|
194 |
'update' => '#update-zone',
|
|
|
195 |
'wrapCallbacks' => false
|
|
|
196 |
));
|
|
|
197 |
$expected = 'var jsRequest = new Request.HTML({method:"post", onComplete:doSuccess, update:"update-zone", url:"\\/people\\/edit\\/1"}).send();';
|
|
|
198 |
$this->assertEquals($expected, $result);
|
|
|
199 |
|
|
|
200 |
$result = $this->Moo->request('/people/edit/1', array(
|
|
|
201 |
'method' => 'post',
|
|
|
202 |
'complete' => 'doComplete',
|
|
|
203 |
'success' => 'doSuccess',
|
|
|
204 |
'error' => 'doFailure',
|
|
|
205 |
'before' => 'doBefore',
|
|
|
206 |
'update' => 'update-zone',
|
|
|
207 |
'wrapCallbacks' => false
|
|
|
208 |
));
|
|
|
209 |
$expected = 'var jsRequest = new Request.HTML({method:"post", onComplete:doComplete, onFailure:doFailure, onRequest:doBefore, onSuccess:doSuccess, update:"update-zone", url:"\\/people\\/edit\\/1"}).send();';
|
|
|
210 |
$this->assertEquals($expected, $result);
|
|
|
211 |
|
|
|
212 |
$result = $this->Moo->request('/people/edit/1', array(
|
|
|
213 |
'method' => 'post',
|
|
|
214 |
'complete' => 'doComplete',
|
|
|
215 |
'success' => 'doSuccess',
|
|
|
216 |
'error' => 'doFailure',
|
|
|
217 |
'before' => 'doBefore',
|
|
|
218 |
'update' => 'update-zone',
|
|
|
219 |
'dataExpression' => true,
|
|
|
220 |
'data' => '$("foo").toQueryString()',
|
|
|
221 |
'wrapCallbacks' => false
|
|
|
222 |
));
|
|
|
223 |
$expected = 'var jsRequest = new Request.HTML({method:"post", onComplete:doComplete, onFailure:doFailure, onRequest:doBefore, onSuccess:doSuccess, update:"update-zone", url:"\\/people\\/edit\\/1"}).send($("foo").toQueryString());';
|
|
|
224 |
$this->assertEquals($expected, $result);
|
|
|
225 |
|
|
|
226 |
$result = $this->Moo->request('/people/edit/1', array(
|
|
|
227 |
'method' => 'post',
|
|
|
228 |
'before' => 'doBefore',
|
|
|
229 |
'success' => 'doSuccess',
|
|
|
230 |
'complete' => 'doComplete',
|
|
|
231 |
'update' => '#update-zone',
|
|
|
232 |
));
|
|
|
233 |
$expected = 'var jsRequest = new Request.HTML({method:"post", onComplete:function () {doComplete}, onRequest:function () {doBefore}, onSuccess:function (responseText, responseXML) {doSuccess}, update:"update-zone", url:"\\/people\\/edit\\/1"}).send();';
|
|
|
234 |
$this->assertEquals($expected, $result);
|
|
|
235 |
}
|
|
|
236 |
|
|
|
237 |
/**
|
|
|
238 |
* test sortable list generation
|
|
|
239 |
*
|
|
|
240 |
* @return void
|
|
|
241 |
*/
|
|
|
242 |
public function testSortable() {
|
|
|
243 |
$this->Moo->get('#myList');
|
|
|
244 |
$result = $this->Moo->sortable(array(
|
|
|
245 |
'distance' => 5,
|
|
|
246 |
'containment' => 'parent',
|
|
|
247 |
'start' => 'onStart',
|
|
|
248 |
'complete' => 'onStop',
|
|
|
249 |
'sort' => 'onSort',
|
|
|
250 |
'wrapCallbacks' => false
|
|
|
251 |
));
|
|
|
252 |
$expected = 'var jsSortable = new Sortables($("myList"), {constrain:"parent", onComplete:onStop, onSort:onSort, onStart:onStart, snap:5});';
|
|
|
253 |
$this->assertEquals($expected, $result);
|
|
|
254 |
}
|
|
|
255 |
|
|
|
256 |
/**
|
|
|
257 |
* test drag() method
|
|
|
258 |
*
|
|
|
259 |
* @return void
|
|
|
260 |
*/
|
|
|
261 |
public function testDrag() {
|
|
|
262 |
$this->Moo->get('#drag-me');
|
|
|
263 |
$result = $this->Moo->drag(array(
|
|
|
264 |
'start' => 'onStart',
|
|
|
265 |
'drag' => 'onDrag',
|
|
|
266 |
'stop' => 'onStop',
|
|
|
267 |
'snapGrid' => array(10, 10),
|
|
|
268 |
'wrapCallbacks' => false
|
|
|
269 |
));
|
|
|
270 |
$expected = '$("drag-me").makeDraggable({onComplete:onStop, onDrag:onDrag, onStart:onStart, snap:[10,10]});';
|
|
|
271 |
$this->assertEquals($expected, $result);
|
|
|
272 |
}
|
|
|
273 |
|
|
|
274 |
/**
|
|
|
275 |
* test drop() method with the required drag option missing
|
|
|
276 |
*
|
|
|
277 |
* @expectedException PHPUnit_Framework_Error_Warning
|
|
|
278 |
* @return void
|
|
|
279 |
*/
|
|
|
280 |
public function testDropWithMissingOption() {
|
|
|
281 |
$this->Moo->get('#drop-me');
|
|
|
282 |
$this->Moo->drop(array(
|
|
|
283 |
'drop' => 'onDrop',
|
|
|
284 |
'leave' => 'onLeave',
|
|
|
285 |
'hover' => 'onHover',
|
|
|
286 |
));
|
|
|
287 |
}
|
|
|
288 |
|
|
|
289 |
/**
|
|
|
290 |
* test drop() method
|
|
|
291 |
*
|
|
|
292 |
* @return void
|
|
|
293 |
*/
|
|
|
294 |
public function testDrop() {
|
|
|
295 |
$this->Moo->get('#drop-me');
|
|
|
296 |
$result = $this->Moo->drop(array(
|
|
|
297 |
'drop' => 'onDrop',
|
|
|
298 |
'leave' => 'onLeave',
|
|
|
299 |
'hover' => 'onHover',
|
|
|
300 |
'drag' => '#my-drag',
|
|
|
301 |
'wrapCallbacks' => false
|
|
|
302 |
));
|
|
|
303 |
$expected = '$("my-drag").makeDraggable({droppables:$("drop-me"), onDrop:onDrop, onEnter:onHover, onLeave:onLeave});';
|
|
|
304 |
$this->assertEquals($expected, $result);
|
|
|
305 |
$this->assertEquals($this->Moo->selection, '$("drop-me")');
|
|
|
306 |
|
|
|
307 |
$result = $this->Moo->drop(array(
|
|
|
308 |
'drop' => 'onDrop',
|
|
|
309 |
'leave' => 'onLeave',
|
|
|
310 |
'hover' => 'onHover',
|
|
|
311 |
'drag' => '#my-drag',
|
|
|
312 |
));
|
|
|
313 |
$expected = '$("my-drag").makeDraggable({droppables:$("drop-me"), onDrop:function (element, droppable, event) {onDrop}, onEnter:function (element, droppable) {onHover}, onLeave:function (element, droppable) {onLeave}});';
|
|
|
314 |
$this->assertEquals($expected, $result);
|
|
|
315 |
}
|
|
|
316 |
|
|
|
317 |
/**
|
|
|
318 |
* test slider generation
|
|
|
319 |
*
|
|
|
320 |
* @return void
|
|
|
321 |
*/
|
|
|
322 |
public function testSlider() {
|
|
|
323 |
$this->Moo->get('#slider');
|
|
|
324 |
$result = $this->Moo->slider(array(
|
|
|
325 |
'handle' => '#my-handle',
|
|
|
326 |
'complete' => 'onComplete',
|
|
|
327 |
'change' => 'onChange',
|
|
|
328 |
'direction' => 'horizontal',
|
|
|
329 |
'wrapCallbacks' => false
|
|
|
330 |
));
|
|
|
331 |
$expected = 'var jsSlider = new Slider($("slider"), $("my-handle"), {mode:"horizontal", onChange:onChange, onComplete:onComplete});';
|
|
|
332 |
$this->assertEquals($expected, $result);
|
|
|
333 |
$this->assertEquals($this->Moo->selection, '$("slider")');
|
|
|
334 |
|
|
|
335 |
$this->Moo->get('#slider');
|
|
|
336 |
$result = $this->Moo->slider(array(
|
|
|
337 |
'handle' => '#my-handle',
|
|
|
338 |
'complete' => 'onComplete',
|
|
|
339 |
'change' => 'onChange',
|
|
|
340 |
'direction' => 'horizontal',
|
|
|
341 |
'min' => 10,
|
|
|
342 |
'max' => 40,
|
|
|
343 |
'wrapCallbacks' => false
|
|
|
344 |
));
|
|
|
345 |
$expected = 'var jsSlider = new Slider($("slider"), $("my-handle"), {mode:"horizontal", onChange:onChange, onComplete:onComplete, range:[10,40]});';
|
|
|
346 |
$this->assertEquals($expected, $result);
|
|
|
347 |
|
|
|
348 |
$this->Moo->get('#slider');
|
|
|
349 |
$result = $this->Moo->slider(array(
|
|
|
350 |
'handle' => '#my-handle',
|
|
|
351 |
'complete' => 'complete;',
|
|
|
352 |
'change' => 'change;',
|
|
|
353 |
'direction' => 'horizontal',
|
|
|
354 |
));
|
|
|
355 |
$expected = 'var jsSlider = new Slider($("slider"), $("my-handle"), {mode:"horizontal", onChange:function (step) {change;}, onComplete:function (event) {complete;}});';
|
|
|
356 |
$this->assertEquals($expected, $result);
|
|
|
357 |
}
|
|
|
358 |
|
|
|
359 |
/**
|
|
|
360 |
* test the serializeForm implementation.
|
|
|
361 |
*
|
|
|
362 |
* @return void
|
|
|
363 |
*/
|
|
|
364 |
public function testSerializeForm() {
|
|
|
365 |
$this->Moo->get('#element');
|
|
|
366 |
$result = $this->Moo->serializeForm(array('isForm' => true));
|
|
|
367 |
$expected = '$("element").toQueryString();';
|
|
|
368 |
$this->assertEquals($expected, $result);
|
|
|
369 |
|
|
|
370 |
$result = $this->Moo->serializeForm(array('isForm' => true, 'inline' => true));
|
|
|
371 |
$expected = '$("element").toQueryString()';
|
|
|
372 |
$this->assertEquals($expected, $result);
|
|
|
373 |
|
|
|
374 |
$result = $this->Moo->serializeForm(array('isForm' => false));
|
|
|
375 |
$expected = '$($("element").form).toQueryString();';
|
|
|
376 |
$this->assertEquals($expected, $result);
|
|
|
377 |
|
|
|
378 |
$result = $this->Moo->serializeForm(array('isForm' => false, 'inline' => true));
|
|
|
379 |
$expected = '$($("element").form).toQueryString()';
|
|
|
380 |
$this->assertEquals($expected, $result);
|
|
|
381 |
}
|
|
|
382 |
}
|