83b4b337e1
* Make Element#update and Element#insert work for SELECT tags in IE and Opera. [Tobie Langel] * Make Element#insert and Element#update better handle TABLE related elements in IE and Opera. Closes #7776, #8040, #7550, #7776, #7938. [Tobie Langel] * Make Element#readAttribute('title') work in Opera. [Tobie Langel] * Make Element#replace work with form elements in Firefox and Safari. Closes #8010, #7989. [dsl239, Tobie Langel] * Add Element#wrap which wraps the element inside a new one. Closes #5732. [P. Vande, Tobie Langel] * Make Element into a constructor: new Element(tagName, attributes). Add Element#writeAttribute which accepts a hash of attributes or a name/value pair. Closes #7476. [Mislav Marohnić, haraldmartin, Tobie Langel] * Insertion overhaul: Add Element.insert(content[, position = 'Bottom']). Deprecate Insertion (kept for backwards compatibility). Make Ajax.Updater option.insertion accept both Insertion.Top or the now preferred 'Top'. Closes #7907. [Tobie Langel]
196 lines
6.4 KiB
HTML
196 lines
6.4 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 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();
|
|
|
|
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() {with(this) {
|
|
assertEqual("", $("content").innerHTML);
|
|
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/hello.js", {
|
|
asynchronous: false,
|
|
method: 'GET',
|
|
onComplete: function(response) { eval(response.responseText) }
|
|
});
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
|
|
var h2 = $("content").firstChild;
|
|
assertEqual("Hello world!", h2.innerHTML);
|
|
}},
|
|
|
|
testAsynchronousRequest: function() {with(this) {
|
|
assertEqual("", $("content").innerHTML);
|
|
|
|
new Ajax.Request("fixtures/hello.js", {
|
|
asynchronous: true,
|
|
method: 'get',
|
|
onComplete: function(response) { eval(response.responseText) }
|
|
});
|
|
wait(1000,function(){
|
|
var h2 = $("content").firstChild;
|
|
assertEqual("Hello world!", h2.innerHTML);
|
|
});
|
|
}},
|
|
|
|
testUpdater: function() {with(this) {
|
|
assertEqual("", $("content").innerHTML);
|
|
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get' });
|
|
|
|
wait(1000,function(){
|
|
assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
|
|
$('content').update('');
|
|
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" });
|
|
|
|
wait(1000,function(){
|
|
assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
assertEqual("", $("content2").innerHTML);
|
|
});
|
|
});
|
|
}},
|
|
|
|
testUpdaterWithInsertion: function() {with(this) {
|
|
$('content').update();
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get', insertion: Insertion.Top });
|
|
wait(1000,function(){
|
|
assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
$('content').update();
|
|
new Ajax.Updater("content", "fixtures/content.html", { method:'get', insertion: 'bottom' });
|
|
wait(1000,function(){
|
|
assertEqual(sentence, $("content").innerHTML.strip().toLowerCase());
|
|
});
|
|
});
|
|
}},
|
|
|
|
testResponders: function(){with(this) {
|
|
// check for internal responder
|
|
assertEqual(1, Ajax.Responders.responders.length);
|
|
|
|
var dummyResponder = {
|
|
onComplete: function(req){ /* dummy */ }
|
|
};
|
|
|
|
Ajax.Responders.register(dummyResponder);
|
|
assertEqual(2, Ajax.Responders.responders.length);
|
|
|
|
// don't add twice
|
|
Ajax.Responders.register(dummyResponder);
|
|
assertEqual(2, Ajax.Responders.responders.length);
|
|
|
|
Ajax.Responders.unregister(dummyResponder);
|
|
assertEqual(1, Ajax.Responders.responders.length);
|
|
|
|
var responder = {
|
|
onCreate: function(req){ responderCounter++ },
|
|
onLoading: function(req){ responderCounter++ },
|
|
onComplete: function(req){ responderCounter++ }
|
|
};
|
|
Ajax.Responders.register(responder);
|
|
|
|
assertEqual(0, responderCounter);
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/content.html", { method:'get', parameters:"pet=monkey" });
|
|
assertEqual(1, responderCounter);
|
|
assertEqual(1, Ajax.activeRequestCount);
|
|
|
|
wait(1000,function(){
|
|
assertEqual(3, responderCounter);
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
});
|
|
}},
|
|
|
|
testEvalResponseShouldBeCalledBeforeOnComplete: function() {with(this) {
|
|
assertEqual("", $("content").innerHTML);
|
|
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
new Ajax.Request("fixtures/hello.js", {
|
|
asynchronous: false,
|
|
method: 'GET',
|
|
onComplete: function(response) { assertNotEqual("", $("content").innerHTML) }
|
|
});
|
|
assertEqual(0, Ajax.activeRequestCount);
|
|
|
|
var h2 = $("content").firstChild;
|
|
assertEqual("Hello world!", h2.innerHTML);
|
|
}},
|
|
|
|
testContentTypeSetForSimulatedVerbs: function() {with(this) {
|
|
var isRunningFromRake = true;
|
|
|
|
new Ajax.Request('/content-type', {
|
|
method: 'put',
|
|
contentType: 'application/bogus',
|
|
asynchronous: false,
|
|
onFailure: function() {
|
|
isRunningFromRake = false;
|
|
},
|
|
onComplete: function(response) {
|
|
if (isRunningFromRake)
|
|
assertEqual('application/bogus; charset=UTF-8', response.responseText);
|
|
}
|
|
});
|
|
}},
|
|
|
|
testOnCreateCallback: function() {with(this) {
|
|
new Ajax.Request("fixtures/content.html", {
|
|
asynchronous: false,
|
|
onCreate: function(transport) { assertEqual(0, transport.readyState) },
|
|
onComplete: function(transport) { assertNotEqual(0, transport.readyState) }
|
|
});
|
|
}}
|
|
|
|
}, 'testlog');
|
|
// ]]>
|
|
</script>
|
|
</body>
|
|
</html>
|