MootoolsEngineHelperTest.php 12 KB

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