* Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org) * * Licensed under The MIT License * For full copyright and license information, please see the LICENSE.txt * Redistributions of files must retain the above copyright notice * * @copyright Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org) * @link https://cakephp.org CakePHP Project * @package Cake.Test.Case.View.Helper * @license http://www.opensource.org/licenses/mit-license.php MIT License */ App::uses('HtmlHelper', 'View/Helper'); App::uses('JsHelper', 'View/Helper'); App::uses('JqueryEngineHelper', 'View/Helper'); App::uses('View', 'View'); /** * JqueryEngineHelperTest * * @package Cake.Test.Case.View.Helper */ class JqueryEngineHelperTest extends CakeTestCase { /** * setUp * * @return void */ public function setUp() { parent::setUp(); $controller = null; $this->View = $this->getMock('View', array('addScript'), array(&$controller)); $this->Jquery = new JqueryEngineHelper($this->View); } /** * tearDown * * @return void */ public function tearDown() { parent::tearDown(); unset($this->Jquery); } /** * test selector method * * @return void */ public function testSelector() { $result = $this->Jquery->get('#content'); $this->assertEquals($this->Jquery, $result); $this->assertEquals($this->Jquery->selection, '$("#content")'); $result = $this->Jquery->get('document'); $this->assertEquals($this->Jquery, $result); $this->assertEquals($this->Jquery->selection, '$(document)'); $result = $this->Jquery->get('window'); $this->assertEquals($this->Jquery, $result); $this->assertEquals($this->Jquery->selection, '$(window)'); $result = $this->Jquery->get('ul'); $this->assertEquals($this->Jquery, $result); $this->assertEquals($this->Jquery->selection, '$("ul")'); } /** * test event binding * * @return void */ public function testEvent() { $this->Jquery->get('#myLink'); $result = $this->Jquery->event('click', 'doClick', array('wrap' => false)); $expected = '$("#myLink").bind("click", doClick);'; $this->assertEquals($expected, $result); $result = $this->Jquery->event('click', '$(this).show();', array('stop' => false)); $expected = '$("#myLink").bind("click", function (event) {$(this).show();});'; $this->assertEquals($expected, $result); $result = $this->Jquery->event('click', '$(this).hide();'); $expected = '$("#myLink").bind("click", function (event) {$(this).hide();' . "\n" . 'return false;});'; $this->assertEquals($expected, $result); } /** * test dom ready event creation * * @return void */ public function testDomReady() { $result = $this->Jquery->domReady('foo.name = "bar";'); $expected = '$(document).ready(function () {foo.name = "bar";});'; $this->assertEquals($expected, $result); } /** * test Each method * * @return void */ public function testEach() { $this->Jquery->get('#foo'); $result = $this->Jquery->each('$(this).hide();'); $expected = '$("#foo").each(function () {$(this).hide();});'; $this->assertEquals($expected, $result); } /** * test Effect generation * * @return void */ public function testEffect() { $this->Jquery->get('#foo'); $result = $this->Jquery->effect('show'); $expected = '$("#foo").show();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('hide'); $expected = '$("#foo").hide();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('hide', array('speed' => 'fast')); $expected = '$("#foo").hide("fast");'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('fadeIn'); $expected = '$("#foo").fadeIn();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('fadeOut'); $expected = '$("#foo").fadeOut();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('slideIn'); $expected = '$("#foo").slideDown();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('slideOut'); $expected = '$("#foo").slideUp();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('slideDown'); $expected = '$("#foo").slideDown();'; $this->assertEquals($expected, $result); $result = $this->Jquery->effect('slideUp'); $expected = '$("#foo").slideUp();'; $this->assertEquals($expected, $result); } /** * Test Request Generation * * @return void */ public function testRequest() { $result = $this->Jquery->request(array('controller' => 'posts', 'action' => 'view', 1)); $expected = '$.ajax({url:"\\/posts\\/view\\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request(array('controller' => 'posts', 'action' => 'view', 1), array( 'update' => '#content' )); $expected = '$.ajax({dataType:"html", success:function (data, textStatus) {$("#content").html(data);}, url:"\/posts\/view\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request('/people/edit/1', array( 'method' => 'post', 'before' => 'doBefore', 'complete' => 'doComplete', 'success' => 'doSuccess', 'error' => 'handleError', 'type' => 'json', 'data' => array('name' => 'jim', 'height' => '185cm'), 'wrapCallbacks' => false )); $expected = '$.ajax({beforeSend:doBefore, complete:doComplete, data:"name=jim&height=185cm", dataType:"json", error:handleError, success:doSuccess, type:"post", url:"\\/people\\/edit\\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request('/people/edit/1', array( 'update' => '#updated', 'success' => 'doFoo', 'method' => 'post', 'wrapCallbacks' => false )); $expected = '$.ajax({dataType:"html", success:function (data, textStatus) {doFoo$("#updated").html(data);}, type:"post", url:"\\/people\\/edit\\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request('/people/edit/1', array( 'update' => '#updated', 'success' => 'doFoo', 'method' => 'post', 'dataExpression' => true, 'data' => '$("#someId").serialize()', 'wrapCallbacks' => false )); $expected = '$.ajax({data:$("#someId").serialize(), dataType:"html", success:function (data, textStatus) {doFoo$("#updated").html(data);}, type:"post", url:"\\/people\\/edit\\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request('/people/edit/1', array( 'success' => 'doFoo', 'before' => 'doBefore', 'method' => 'post', 'dataExpression' => true, 'data' => '$("#someId").serialize()', )); $expected = '$.ajax({beforeSend:function (XMLHttpRequest) {doBefore}, data:$("#someId").serialize(), success:function (data, textStatus) {doFoo}, type:"post", url:"\\/people\\/edit\\/1"});'; $this->assertEquals($expected, $result); $result = $this->Jquery->request('/people/edit/1', array( 'success' => 'doFoo', 'xhr' => 'return jQuery.ajaxSettings.xhr();', 'async' => true, 'method' => 'post', 'dataExpression' => true, 'data' => '$("#someId").serialize()', )); $expected = '$.ajax({async:true, data:$("#someId").serialize(), success:function (data, textStatus) {doFoo}, type:"post", url:"\/people\/edit\/1", xhr:function () {return jQuery.ajaxSettings.xhr();}});'; $this->assertEquals($expected, $result); } /** * Test that querystring arguments are not double escaped. * * @return void */ public function testRequestWithQueryStringArguments() { $url = '/users/search/sort:User.name/direction:desc?nome=&cpm=&audience=public'; $result = $this->Jquery->request($url); $expected = '$.ajax({url:"\\/users\\/search\\/sort:User.name\\/direction:desc?nome=&cpm=&audience=public"});'; $this->assertEquals($expected, $result); } /** * test that alternate jQuery object values work for request() * * @return void */ public function testRequestWithAlternateJqueryObject() { $this->Jquery->jQueryObject = '$j'; $result = $this->Jquery->request('/people/edit/1', array( 'update' => '#updated', 'success' => 'doFoo', 'method' => 'post', 'dataExpression' => true, 'data' => '$j("#someId").serialize()', 'wrapCallbacks' => false )); $expected = '$j.ajax({data:$j("#someId").serialize(), dataType:"html", success:function (data, textStatus) {doFoo$j("#updated").html(data);}, type:"post", url:"\\/people\\/edit\\/1"});'; $this->assertEquals($expected, $result); } /** * test sortable list generation * * @return void */ public function testSortable() { $this->Jquery->get('#myList'); $result = $this->Jquery->sortable(array( 'distance' => 5, 'containment' => 'parent', 'start' => 'onStart', 'complete' => 'onStop', 'sort' => 'onSort', 'wrapCallbacks' => false )); $expected = '$("#myList").sortable({containment:"parent", distance:5, sort:onSort, start:onStart, stop:onStop});'; $this->assertEquals($expected, $result); $result = $this->Jquery->sortable(array( 'distance' => 5, 'containment' => 'parent', 'start' => 'onStart', 'complete' => 'onStop', 'sort' => 'onSort', )); $expected = '$("#myList").sortable({containment:"parent", distance:5, sort:function (event, ui) {onSort}, start:function (event, ui) {onStart}, stop:function (event, ui) {onStop}});'; $this->assertEquals($expected, $result); } /** * test drag() method * * @return void */ public function testDrag() { $this->Jquery->get('#element'); $result = $this->Jquery->drag(array( 'container' => '#content', 'start' => 'onStart', 'drag' => 'onDrag', 'stop' => 'onStop', 'snapGrid' => array(10, 10), 'wrapCallbacks' => false )); $expected = '$("#element").draggable({containment:"#content", drag:onDrag, grid:[10,10], start:onStart, stop:onStop});'; $this->assertEquals($expected, $result); $result = $this->Jquery->drag(array( 'container' => '#content', 'start' => 'onStart', 'drag' => 'onDrag', 'stop' => 'onStop', 'snapGrid' => array(10, 10), )); $expected = '$("#element").draggable({containment:"#content", drag:function (event, ui) {onDrag}, grid:[10,10], start:function (event, ui) {onStart}, stop:function (event, ui) {onStop}});'; $this->assertEquals($expected, $result); } /** * test drop() method * * @return void */ public function testDrop() { $this->Jquery->get('#element'); $result = $this->Jquery->drop(array( 'accept' => '.items', 'hover' => 'onHover', 'leave' => 'onExit', 'drop' => 'onDrop', 'wrapCallbacks' => false )); $expected = '$("#element").droppable({accept:".items", drop:onDrop, out:onExit, over:onHover});'; $this->assertEquals($expected, $result); $result = $this->Jquery->drop(array( 'accept' => '.items', 'hover' => 'onHover', 'leave' => 'onExit', 'drop' => 'onDrop', )); $expected = '$("#element").droppable({accept:".items", drop:function (event, ui) {onDrop}, out:function (event, ui) {onExit}, over:function (event, ui) {onHover}});'; $this->assertEquals($expected, $result); } /** * test slider generation * * @return void */ public function testSlider() { $this->Jquery->get('#element'); $result = $this->Jquery->slider(array( 'complete' => 'onComplete', 'change' => 'onChange', 'min' => 0, 'max' => 10, 'value' => 2, 'direction' => 'vertical', 'wrapCallbacks' => false )); $expected = '$("#element").slider({change:onChange, max:10, min:0, orientation:"vertical", stop:onComplete, value:2});'; $this->assertEquals($expected, $result); $result = $this->Jquery->slider(array( 'complete' => 'onComplete', 'change' => 'onChange', 'min' => 0, 'max' => 10, 'value' => 2, 'direction' => 'vertical', )); $expected = '$("#element").slider({change:function (event, ui) {onChange}, max:10, min:0, orientation:"vertical", stop:function (event, ui) {onComplete}, value:2});'; $this->assertEquals($expected, $result); } /** * test the serializeForm method * * @return void */ public function testSerializeForm() { $this->Jquery->get('#element'); $result = $this->Jquery->serializeForm(array('isForm' => false)); $expected = '$("#element").closest("form").serialize();'; $this->assertEquals($expected, $result); $result = $this->Jquery->serializeForm(array('isForm' => true)); $expected = '$("#element").serialize();'; $this->assertEquals($expected, $result); $result = $this->Jquery->serializeForm(array('isForm' => false, 'inline' => true)); $expected = '$("#element").closest("form").serialize()'; $this->assertEquals($expected, $result); } }