test/unit/serialize.js

   1 module("serialize", { teardown: moduleTeardown });
   2
   3 test("jQuery.param()", function() {
   4         expect(22);
   5
   6         equal( !( jQuery.ajaxSettings && jQuery.ajaxSettings.traditional ), true, "traditional flag, falsy by default" );
   7
   8         var params = {"foo":"bar", "baz":42, "quux":"All your base are belong to us"};
   9         equal( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" );
  10
  11         params = {"string":"foo","null":null,"undefined":undefined};
  12         equal( jQuery.param(params), "string=foo&null=&undefined=", "handle nulls and undefineds properly" );
  13
  14         params = {"someName": [1, 2, 3], "regularThing": "blah" };
  15         equal( jQuery.param(params), "someName%5B%5D=1&someName%5B%5D=2&someName%5B%5D=3&regularThing=blah", "with array" );
  16
  17         params = {"foo": ["a", "b", "c"]};
  18         equal( jQuery.param(params), "foo%5B%5D=a&foo%5B%5D=b&foo%5B%5D=c", "with array of strings" );
  19
  20         params = {"foo": ["baz", 42, "All your base are belong to us"] };
  21         equal( jQuery.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All+your+base+are+belong+to+us", "more array" );
  22
  23         params = {"foo": { "bar": "baz", "beep": 42, "quux": "All your base are belong to us" } };
  24         equal( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" );
  25
  26         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
  27         equal( decodeURIComponent( jQuery.param(params) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=&i[]=10&i[]=11&j=true&k=false&l[]=&l[]=0&m=cowboy+hat?", "huge structure" );
  28
  29         params = { "a": [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { "b": [ 7, [ 8, 9 ], [ { "c": 10, "d": 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { "e": { "f": { "g": [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] };
  30         equal( decodeURIComponent( jQuery.param(params) ), "a[]=0&a[1][]=1&a[1][]=2&a[2][]=3&a[2][1][]=4&a[2][1][]=5&a[2][2][]=6&a[3][b][]=7&a[3][b][1][]=8&a[3][b][1][]=9&a[3][b][2][0][c]=10&a[3][b][2][0][d]=11&a[3][b][3][0][]=12&a[3][b][4][0][0][]=13&a[3][b][5][e][f][g][]=14&a[3][b][5][e][f][g][1][]=15&a[3][b][]=16&a[]=17", "nested arrays" );
  31
  32         params = { "a":[1,2], "b":{ "c":3, "d":[4,5], "e":{ "x":[6], "y":7, "z":[8,9] }, "f":true, "g":false, "h":undefined }, "i":[10,11], "j":true, "k":false, "l":[undefined,0], "m":"cowboy hat?" };
  33         equal( jQuery.param(params,true), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=&l=0&m=cowboy+hat%3F", "huge structure, forced traditional" );
  34
  35         equal( decodeURIComponent( jQuery.param({ "a": [1,2,3], "b[]": [4,5,6], "c[d]": [7,8,9], "e": { "f": [10], "g": [11,12], "h": 13 } }) ), "a[]=1&a[]=2&a[]=3&b[]=4&b[]=5&b[]=6&c[d][]=7&c[d][]=8&c[d][]=9&e[f][]=10&e[g][]=11&e[g][]=12&e[h]=13", "Make sure params are not double-encoded." );
  36
  37         // #7945
  38         equal( jQuery.param({"jquery": "1.4.2"}), "jquery=1.4.2", "Check that object with a jQuery property get serialized correctly" );
  39
  40         var settings = { traditional: true };
  41
  42         if ( jQuery.ajaxSettings ) {
  43                 jQuery.ajaxSetup( settings );
  44         } else {
  45                 jQuery.ajaxSettings = settings;
  46         }
  47
  48         params = {"foo":"bar", "baz":42, "quux":"All your base are belong to us"};
  49         equal( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" );
  50
  51         params = {"someName": [1, 2, 3], "regularThing": "blah" };
  52         equal( jQuery.param(params), "someName=1&someName=2&someName=3&regularThing=blah", "with array" );
  53
  54         params = {"foo": ["a", "b", "c"]};
  55         equal( jQuery.param(params), "foo=a&foo=b&foo=c", "with array of strings" );
  56
  57         params = {"foo[]":["baz", 42, "All your base are belong to us"]};
  58         equal( jQuery.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All+your+base+are+belong+to+us", "more array" );
  59
  60         params = {"foo[bar]":"baz", "foo[beep]":42, "foo[quux]":"All your base are belong to us"};
  61         equal( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" );
  62
  63         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
  64         equal( jQuery.param(params), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=&l=0&m=cowboy+hat%3F", "huge structure" );
  65
  66         params = { "a": [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { "b": [ 7, [ 8, 9 ], [ { "c": 10, d: 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { "e": { "f": { "g": [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] };
  67         equal( jQuery.param(params), "a=0&a=1%2C2&a=3%2C4%2C5%2C6&a=%5Bobject+Object%5D&a=17", "nested arrays (not possible when jQuery.param.traditional == true)" );
  68
  69         params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" };
  70         equal( decodeURIComponent( jQuery.param(params,false) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=&i[]=10&i[]=11&j=true&k=false&l[]=&l[]=0&m=cowboy+hat?", "huge structure, forced not traditional" );
  71
  72         params = { "param1": null };
  73         equal( jQuery.param(params,false), "param1=", "Make sure that null params aren't traversed." );
  74
  75         params = {"test": {"length": 3, "foo": "bar"} };
  76         equal( jQuery.param( params, false ), "test%5Blength%5D=3&test%5Bfoo%5D=bar", "Sub-object with a length property" );
  77
  78         if ( jQuery.ajaxSettings === settings ) {
  79                 delete jQuery.ajaxSettings;
  80         } else {
  81                 jQuery.ajaxSetup({ traditional: false });
  82         }
  83 });
  84
  85 test("jQuery.param() Constructed prop values", function() {
  86         expect( 4 );
  87
  88         /** @constructor */
  89         function Record() {
  90                 this["prop"] = "val";
  91         }
  92
  93         var MyString = String,
  94                         MyNumber = Number,
  95                         params = { "test": new MyString("foo") };
  96
  97         equal( jQuery.param( params, false ), "test=foo", "Do not mistake new String() for a plain object" );
  98
  99         params = { "test": new MyNumber(5) };
 100         equal( jQuery.param( params, false ), "test=5", "Do not mistake new Number() for a plain object" );
 101
 102         params = { "test": new Date() };
 103         ok( jQuery.param( params, false ), "(Non empty string returned) Do not mistake new Date() for a plain object" );
 104
 105         // should allow non-native constructed objects
 106         params = { "test": new Record() };
 107         equal( jQuery.param( params, false ), jQuery.param({ "test": { "prop": "val" } }), "Allow non-native constructed objects" );
 108 });
 109
 110 test("serialize()", function() {
 111         expect(5);
 112
 113         // Add html5 elements only for serialize because selector can't yet find them on non-html5 browsers
 114         jQuery("#search").after(
 115                 "<input type='email' id='html5email' name='email' value='dave@jquery.com' />" +
 116                 "<input type='number' id='html5number' name='number' value='43' />" +
 117                 "<input type='file' name='fileupload' />"
 118         );
 119
 120         equal( jQuery("#form").serialize(),
 121                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3",
 122                 "Check form serialization as query string");
 123
 124         equal( jQuery("input,select,textarea,button", "#form").serialize(),
 125                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3",
 126                 "Check input serialization as query string");
 127
 128         equal( jQuery("#testForm").serialize(),
 129                 "T3=%3F%0D%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 130                 "Check form serialization as query string");
 131
 132         equal( jQuery("input,select,textarea,button", "#testForm").serialize(),
 133                 "T3=%3F%0D%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 134                 "Check input serialization as query string");
 135
 136         equal( jQuery("#form, #testForm").serialize(),
 137                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3&T3=%3F%0D%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 138                 "Multiple form serialization as query string");
 139
 140         /* Temporarily disabled. Opera 10 has problems with form serialization.
 141         equal( jQuery("#form, #testForm :input").serialize(),
 142                 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&T3=%3F%0D%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=",
 143                 "Mixed form/input serialization as query string");
 144         */
 145         jQuery("#html5email, #html5number").remove();
 146 });