/lib/Cake/Test/Case/View/Helper/JqueryEngineHelperTest.php
PHP | 400 lines | 262 code | 43 blank | 95 comment | 0 complexity | 6711a391a6a6967d39d5e282a6b1b3ba MD5 | raw file
- <?php
- /**
- * JqueryEngineTestCase
- *
- * CakePHP(tm) Tests <http://book.cakephp.org/2.0/en/development/testing.html>
- * 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 http://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');
- /**
- * Class 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);
- }
- }