458 lines
15 KiB
HTML
458 lines
15 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<title>Prototype Unit test file</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<script src="../../dist/prototype.js" type="text/javascript"></script>
|
|
<script src="../lib/unittest.js" type="text/javascript"></script>
|
|
<link rel="stylesheet" href="../test.css" type="text/css" />
|
|
<style type="text/css" media="screen">
|
|
/* <![CDATA[ */
|
|
#testcss1 { font-size:11px; color: #f00; }
|
|
#testcss2 { font-size:12px; color: #0f0; display: none; }
|
|
/* ]]> */
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Prototype Unit test file</h1>
|
|
<p>
|
|
Test of utility functions in ajax.js
|
|
</p>
|
|
|
|
<!-- Log output -->
|
|
<div id="testlog"> </div>
|
|
<div id="content"></div>
|
|
<div id="content2" style="color:red"></div>
|
|
|
|
<!-- Tests follow -->
|
|
<script type="text/javascript" language="javascript" charset="utf-8">
|
|
// <![CDATA[
|
|
|
|
var Fixtures = {
|
|
js: {
|
|
responseBody: '$("content").update("<H2>Hello world!</H2>");',
|
|
'Content-Type': ' text/javascript '
|
|
},
|
|
|
|
html: {
|
|
responseBody: "Pack my box with <em>five dozen</em> liquor jugs! " +
|
|
"Oh, how <strong>quickly</strong> daft jumping zebras vex..."
|
|
},
|
|
|
|
xml: {
|
|
responseBody: '<?xml version="1.0" encoding="UTF-8" ?><name attr="foo">bar</name>',
|
|
'Content-Type': 'application/xml'
|
|
},
|
|
|
|
json: {
|
|
responseBody: '{\n\r"test": 123}',
|
|
'Content-Type': 'application/json'
|
|
},
|
|
|
|
jsonWithoutContentType: {
|
|
responseBody: '{"test": 123}'
|
|
},
|
|
|
|
invalidJson: {
|
|
responseBody: '{});window.attacked = true;({}',
|
|
'Content-Type': 'application/json'
|
|
},
|
|
|
|
headerJson: {
|
|
'X-JSON': '{"test": "hello #éà"}'
|
|
}
|
|
};
|
|
|
|
var extendDefault = function(options) {
|
|
return Object.extend({
|
|
asynchronous: false,
|
|
method: 'get',
|
|
onException: function(e) { throw e }
|
|
}, options);
|
|
};
|
|
|
|
var responderCounter = 0;
|
|
|
|
// lowercase comparison because of MSIE which presents HTML tags in uppercase
|
|
var sentence = ("Pack my box with <em>five dozen</em> liquor jugs! " +
|
|
"Oh, how <strong>quickly</strong> daft jumping zebras vex...").toLowerCase();
|
|
|
|
var message = 'You must be running your tests from rake to test this feature.';
|
|
|
|
new Test.Unit.Runner({
|
|
setup: function() {
|
|
$('content').update('');
|
|
$('content2').update('');
|
|
},
|
|
|
|
teardown: function() {
|
|
// hack to cleanup responders
|
|
Ajax.Responders.responders = [Ajax.Responders.responders[0]];
|
|
},
|
|
|
|
testSynchronousRequest: function() {
|
|
this.assertEqual("", $("content").innerHTML);
|
|
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/hello.js", {
|
|
asynchronous: false,
|
|
method: 'GET',
|
|
evalJS: 'force'
|
|
});
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
|
|
var h2 = $("content").firstChild;
|
|
this.assertEqual("Hello world!", h2.innerHTML);
|
|
},
|
|
|
|
testAsynchronousRequest: function() {
|
|
this.assertEqual("", $("content").innerHTML);
|
|
|
|
new Ajax.Request("fixtures/hello.js", {
|
|
asynchronous: true,
|
|
method: 'get',
|
|
evalJS: 'force'
|
|
});
|
|
this.wait(1000, function() {
|
|
var h2 = $("content").firstChild;
|
|
this.assertEqual("Hello world!", h2.innerHTML);
|
|
});
|
|
},
|
|
|
|
testUpdater: function() {
|
|
this.assertEqual("", $("content").innerHTML);
|
|
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get' });
|
|
|
|
this.wait(1000, function() {
|
|
this.assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
|
|
$('content').update('');
|
|
this.assertEqual("", $("content").innerHTML);
|
|
|
|
new Ajax.Updater({ success:"content", failure:"content2" },
|
|
"fixtures/content.html", { method:'get', parameters:{ pet:'monkey' } });
|
|
|
|
new Ajax.Updater("", "fixtures/content.html", { method:'get', parameters:"pet=monkey" });
|
|
|
|
this.wait(1000, function() {
|
|
this.assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
this.assertEqual("", $("content2").innerHTML);
|
|
});
|
|
});
|
|
},
|
|
|
|
testUpdaterWithInsertion: function() {
|
|
$('content').update();
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get', insertion: Insertion.Top });
|
|
this.wait(1000, function() {
|
|
this.assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
$('content').update();
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get', insertion: 'bottom' });
|
|
this.wait(1000, function() {
|
|
this.assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
|
|
$('content').update();
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get', insertion: 'after' });
|
|
this.wait(1000, function() {
|
|
this.assertEqual('five dozen', $("content").next().innerHTML.strip().toLowerCase());
|
|
});
|
|
});
|
|
});
|
|
},
|
|
|
|
testUpdaterOptions: function() {
|
|
var options = {
|
|
method: 'get',
|
|
asynchronous: false,
|
|
evalJS: 'force',
|
|
onComplete: Prototype.emptyFunction
|
|
}
|
|
var request = new Ajax.Updater("content", "fixtures/hello.js", options);
|
|
request.options.onComplete = function() {};
|
|
this.assertIdentical(Prototype.emptyFunction, options.onComplete);
|
|
},
|
|
|
|
testResponders: function(){
|
|
// check for internal responder
|
|
this.assertEqual(1, Ajax.Responders.responders.length);
|
|
|
|
var dummyResponder = {
|
|
onComplete: function(req) { /* dummy */ }
|
|
};
|
|
|
|
Ajax.Responders.register(dummyResponder);
|
|
this.assertEqual(2, Ajax.Responders.responders.length);
|
|
|
|
// don't add twice
|
|
Ajax.Responders.register(dummyResponder);
|
|
this.assertEqual(2, Ajax.Responders.responders.length);
|
|
|
|
Ajax.Responders.unregister(dummyResponder);
|
|
this.assertEqual(1, Ajax.Responders.responders.length);
|
|
|
|
var responder = {
|
|
onCreate: function(req){ responderCounter++ },
|
|
onLoading: function(req){ responderCounter++ },
|
|
onComplete: function(req){ responderCounter++ }
|
|
};
|
|
Ajax.Responders.register(responder);
|
|
|
|
this.assertEqual(0, responderCounter);
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/content.html", { method:'get', parameters:"pet=monkey" });
|
|
this.assertEqual(1, responderCounter);
|
|
this.assertEqual(1, Ajax.activeRequestCount);
|
|
|
|
this.wait(1000,function() {
|
|
this.assertEqual(3, responderCounter);
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
});
|
|
},
|
|
|
|
testEvalResponseShouldBeCalledBeforeOnComplete: function() {
|
|
if (this.isRunningFromRake) {
|
|
this.assertEqual("", $("content").innerHTML);
|
|
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/hello.js", extendDefault({
|
|
onComplete: function(response) { this.assertNotEqual("", $("content").innerHTML) }.bind(this)
|
|
}));
|
|
this.assertEqual(0, Ajax.activeRequestCount);
|
|
|
|
var h2 = $("content").firstChild;
|
|
this.assertEqual("Hello world!", h2.innerHTML);
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testContentTypeSetForSimulatedVerbs: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request('/inspect', extendDefault({
|
|
method: 'put',
|
|
contentType: 'application/bogus',
|
|
onComplete: function(response) {
|
|
this.assertEqual('application/bogus; charset=UTF-8', response.responseJSON.headers['content-type']);
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testOnCreateCallback: function() {
|
|
new Ajax.Request("fixtures/content.html", extendDefault({
|
|
onCreate: function(transport) { this.assertEqual(0, transport.readyState) }.bind(this),
|
|
onComplete: function(transport) { this.assertNotEqual(0, transport.readyState) }.bind(this)
|
|
}));
|
|
},
|
|
|
|
testEvalJS: function() {
|
|
if (this.isRunningFromRake) {
|
|
|
|
$('content').update();
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.js,
|
|
onComplete: function(transport) {
|
|
var h2 = $("content").firstChild;
|
|
this.assertEqual("Hello world!", h2.innerHTML);
|
|
}.bind(this)
|
|
}));
|
|
|
|
$('content').update();
|
|
new Ajax.Request("/response", extendDefault({
|
|
evalJS: false,
|
|
parameters: Fixtures.js,
|
|
onComplete: function(transport) {
|
|
this.assertEqual("", $("content").innerHTML);
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
|
|
$('content').update();
|
|
new Ajax.Request("fixtures/hello.js", extendDefault({
|
|
evalJS: 'force',
|
|
onComplete: function(transport) {
|
|
var h2 = $("content").firstChild;
|
|
this.assertEqual("Hello world!", h2.innerHTML);
|
|
}.bind(this)
|
|
}));
|
|
},
|
|
|
|
testCallbacks: function() {
|
|
var options = extendDefault({
|
|
onCreate: function(transport) { this.assertInstanceOf(Ajax.Response, transport) }.bind(this)
|
|
});
|
|
|
|
Ajax.Request.Events.each(function(state){
|
|
options['on' + state] = options.onCreate;
|
|
});
|
|
|
|
new Ajax.Request("fixtures/content.html", options);
|
|
},
|
|
|
|
testResponseText: function() {
|
|
new Ajax.Request("fixtures/empty.html", extendDefault({
|
|
onComplete: function(transport) { this.assertEqual('', transport.responseText) }.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("fixtures/content.html", extendDefault({
|
|
onComplete: function(transport) { this.assertEqual(sentence, transport.responseText.toLowerCase()) }.bind(this)
|
|
}));
|
|
},
|
|
|
|
testResponseXML: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.xml,
|
|
onComplete: function(transport) {
|
|
this.assertEqual('foo', transport.responseXML.getElementsByTagName('name')[0].getAttribute('attr'))
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testResponseJSON: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.json,
|
|
onComplete: function(transport) { this.assertEqual(123, transport.responseJSON.test) }.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: {
|
|
'Content-Length': 0,
|
|
'Content-Type': 'application/json'
|
|
},
|
|
onComplete: function(transport) { this.assertNull(transport.responseJSON) }.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
evalJSON: false,
|
|
parameters: Fixtures.json,
|
|
onComplete: function(transport) { this.assertNull(transport.responseJSON) }.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.jsonWithoutContentType,
|
|
onComplete: function(transport) { this.assertNull(transport.responseJSON) }.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
sanitizeJSON: true,
|
|
parameters: Fixtures.invalidJson,
|
|
onException: function(request, error) {
|
|
this.assert(error.message.include('Badly formed JSON string'));
|
|
this.assertInstanceOf(Ajax.Request, request);
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
|
|
new Ajax.Request("fixtures/data.json", extendDefault({
|
|
evalJSON: 'force',
|
|
onComplete: function(transport) { this.assertEqual(123, transport.responseJSON.test) }.bind(this)
|
|
}));
|
|
},
|
|
|
|
testHeaderJSON: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.headerJson,
|
|
onComplete: function(transport, json) {
|
|
this.assertEqual('hello #éà', transport.headerJSON.test);
|
|
this.assertEqual('hello #éà', json.test);
|
|
}.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
onComplete: function(transport, json) {
|
|
this.assertNull(transport.headerJSON)
|
|
this.assertNull(json)
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testGetHeader: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: { 'X-TEST': 'some value' },
|
|
onComplete: function(transport) {
|
|
this.assertEqual('some value', transport.getHeader('X-Test'));
|
|
this.assertNull(transport.getHeader('X-Inexistant'));
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testParametersCanBeHash: function() {
|
|
if (this.isRunningFromRake) {
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: $H({ "one": "two", "three": "four" }),
|
|
onComplete: function(transport) {
|
|
this.assertEqual("two", transport.getHeader("one"));
|
|
this.assertEqual("four", transport.getHeader("three"));
|
|
this.assertNull(transport.getHeader("toObject"));
|
|
}.bind(this)
|
|
}));
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
},
|
|
|
|
testIsSameOriginMethod: function() {
|
|
var isSameOrigin = Ajax.Request.prototype.isSameOrigin;
|
|
this.assert(isSameOrigin.call({ url: '/foo/bar.html' }), '/foo/bar.html');
|
|
this.assert(isSameOrigin.call({ url: window.location.toString() }), window.location);
|
|
this.assert(!isSameOrigin.call({ url: 'http://example.com' }), 'http://example.com');
|
|
|
|
if (this.isRunningFromRake) {
|
|
Ajax.Request.prototype.isSameOrigin = function() {
|
|
return false
|
|
};
|
|
|
|
$("content").update('same origin policy');
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.js,
|
|
onComplete: function(transport) {
|
|
this.assertEqual("same origin policy", $("content").innerHTML);
|
|
}.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: Fixtures.invalidJson,
|
|
onException: function(request, error) {
|
|
this.assert(error.message.include('Badly formed JSON string'));
|
|
}.bind(this)
|
|
}));
|
|
|
|
new Ajax.Request("/response", extendDefault({
|
|
parameters: { 'X-JSON': '{});window.attacked = true;({}' },
|
|
onException: function(request, error) {
|
|
this.assert(error.message.include('Badly formed JSON string'));
|
|
}.bind(this)
|
|
}));
|
|
|
|
Ajax.Request.prototype.isSameOrigin = isSameOrigin;
|
|
} else {
|
|
this.info(message);
|
|
}
|
|
}
|
|
});
|
|
// ]]>
|
|
</script>
|
|
</body>
|
|
</html>
|