RubyGems - headless-squirrel - Versions diffs - 0.5.1 - Mend

headless-squirrel 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

data/test/regression/scriptaculous/unit/ajax_inplaceeditor_test.html ADDED

@@ -0,0 +1,895 @@
+<!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>script.aculo.us Unit test file</title>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <script src="assets/prototype.js" type="text/javascript"></script>
+  <script src="assets/scriptaculous.js" type="text/javascript"></script>
+  <script src="assets/unittest.js" type="text/javascript"></script>
+  <link rel="stylesheet" href="../test.css" type="text/css" />
+</head>
+<body>
+<h1>script.aculo.us Unit test file</h1>
+<p>
+  Tests for <code>Ajax.InPlaceEditor</code> and <code>Ajax.InPlaceCollectionEditor</code> in controls.js
+</p>
+<!-- Log output -->
+<div id="testlog"> </div>
+<h1 id="tobeedited">To be edited</h1>
+<a id="tobeeditedEditControl" href="#">edit</a>
+<p id="newtbe">New to be edited</p>
+<p id="newtbe_external">External control for it</p>
+<p id="contains_ampersand">Me & Myself</p>
+<div id="tobeeditedMultiLine">First line<br/>
+Second line<br/>
+Third line</div>
+<!-- Tests follow -->
+<script type="text/javascript" language="javascript" charset="utf-8">
+// <![CDATA[
+  var IPCE_COLLECTION = [
+    ['tbe',   'To be edited'],
+    ['ntbe',  'New to be edited'],
+    ['ntbe2', 'New to be edited 2'],
+    ['ntbe3', 'New to be edited 3']
+  ];
+  new Test.Unit.Runner({
+    setup: function() { with(this) {
+      inPlaceEditor = new Ajax.InPlaceEditor($('tobeedited'), '_ajax_inplaceeditor_result.html', {
+        externalControl: $('tobeeditedEditControl'),
+        ajaxOptions: {method: 'get'} //override so we can use a static for the result
+      });
+      inPlaceEditorMultiLine = new Ajax.InPlaceEditor($('tobeeditedMultiLine'), '_ajax_inplaceeditor_result.html', {
+        ajaxOptions: {method: 'get'} //override so we can use a static for the result
+      });
+    }},
+    teardown: function() { with(this) {
+      inPlaceEditor.dispose();
+      inPlaceEditorMultiLine.dispose();
+    }},
+    // Original-version tests, still pass thx to backward compatibility
+    // Integration test, tests the entire cycle
+    testInPlaceEditor: function() { with(this) {
+      Event.simulateMouse('tobeedited','click');
+      assertHidden($('tobeedited'));
+      assertNotNull(document.forms[0]);
+      assertEqual("cancel", document.forms[0].lastChild.innerHTML);
+      assertVisible(document.forms[0]);
+      Event.simulateMouse(document.forms[0].lastChild,'click');
+      assertNull(document.forms[0]);
+      assertVisible($('tobeedited'));
+      assertEqual("transparent", Element.getStyle('tobeedited','background-color'));
+      Event.simulateMouse('tobeedited','mouseover');
+      Event.simulateMouse('tobeedited','click');
+      assertEqual("INPUT", document.forms[0].firstChild.tagName);
+      assertEqual("To be edited", document.forms[0].firstChild.value);
+      assertEqual("INPUT", document.forms[0].childNodes[1].tagName);
+      assertEqual("submit", document.forms[0].childNodes[1].type);
+      assertEqual("To be edited", document.forms[0].firstChild.value);
+      assert(Element.hasClassName(document.forms[0], 'inplaceeditor-form'),
+        "form doesn't have proper class: " + document.forms[0].className);
+      Event.simulateMouse(document.forms[0].childNodes[1],'click');
+      assertVisible($('tobeedited'));
+      assertEqual("Saving...", $('tobeedited').innerHTML);
+      assertEqual("transparent", Element.getStyle('tobeedited','background-color'));
+      assert(Element.hasClassName($('tobeedited'), 'inplaceeditor-saving'),
+        "doesn't have saving class");
+      wait(1000, function() {
+        assertEqual("Server received: To be edited", $('tobeedited').innerHTML);
+        assertNull(document.forms[0]);
+        assertVisible($('tobeedited'));
+        assert(!Element.hasClassName($('tobeedited'), 'inplaceeditor-saving'));
+      });
+    }},
+    testHovering: function() { with(this) {
+      Event.simulateMouse('tobeedited','mouseover');
+      assertEqual("rgb(255, 255, 153)", Element.getStyle('tobeedited','background-color'));
+      Event.simulateMouse('tobeedited','mouseout');
+      wait(1100, function() {
+        assertEqual("transparent", Element.getStyle('tobeedited','background-color'),
+          "should be transparent after mouse leaves element");
+        Event.simulateMouse('tobeedited','click');
+      })
+    }},
+    testLoadsTextFromServer: function() { with(this) {
+      inPlaceEditor.options.loadTextURL = '_ajax_inplaceeditor_text.html';
+      inPlaceEditor.enterEditMode();
+      assertEqual('Loading...', inPlaceEditor._form.value.value);
+      assert(inPlaceEditor._form.value.disabled);
+      assert(Element.hasClassName(inPlaceEditor._form, 'inplaceeditor-loading'));
+      wait(1000, function() {
+        assertEqual('Text from server', inPlaceEditor._form.value.value);
+        assert(!inPlaceEditor._form.value.disabled);
+      });
+    }},
+    testDisposesProperly: function() { with(this) {
+      assertEqual("transparent", Element.getStyle('tobeedited','background-color'));
+      inPlaceEditor.dispose();
+      assertEqual("transparent", Element.getStyle('tobeedited','background-color'));
+      assertVisible($('tobeedited'));
+      Event.simulateMouse('tobeedited','click');
+      assertVisible($('tobeedited'));
+    }},
+    testUsesTextAreaWhenMoreThanOneRows: function() { with(this) {
+      inPlaceEditor.options.rows = 5;
+      inPlaceEditor.enterEditMode();
+      assertEqual("TEXTAREA", document.forms[0].firstChild.tagName);
+      assertEqual("BR", document.forms[0].childNodes[1].tagName);
+    }},
+    testCanSpecifyAllTextsThroughOptions: function() { with(this) {
+       // swedish translation ;-)
+      inPlaceEditor.options.okText = "spara";
+      inPlaceEditor.options.cancelText = "avbryt";
+      inPlaceEditor.options.savingText = "Sparar...";
+      inPlaceEditor.enterEditMode();
+      assertEqual("spara", document.forms[0].lastChild.previousSibling.value);
+      assertEqual("avbryt", document.forms[0].lastChild.innerHTML);
+      inPlaceEditor.showSaving();
+      assertEqual("Sparar...", $('tobeedited').innerHTML);
+    }},
+    testCanSpecifyFormIdThroughOptions: function() { with(this) {
+      inPlaceEditor.enterEditMode();
+      // default form id
+      assertEqual("tobeedited-inplaceeditor", document.forms[0].id);
+      inPlaceEditor.leaveEditMode();
+      inPlaceEditor.options.formId = "myFormId";
+      inPlaceEditor.enterEditMode();
+      assertEqual("myFormId", document.forms[0].id);
+    }},
+    testCantEditWhileSaving: function() { with(this) {
+      inPlaceEditor.prepareSubmission();
+      Event.simulateMouse('tobeedited','mouseover');
+      assertEqual("transparent", Element.getStyle('tobeedited','background-color'));
+      Event.simulateMouse('tobeedited','click');
+      assertVisible($('tobeedited'));
+    }},
+    testCallbackFunctionGetsCalled: function() { with(this) {
+      var called = false;
+      inPlaceEditor.options.callback = function(form) {
+        called = true;
+      }
+      Event.simulateMouse('tobeedited','click');
+      Event.simulateMouse(document.forms[0].childNodes[1],'click');
+      assert(called, "callback was not called");
+    }},
+    testCanUseExternalElementToGoIntoEditMode: function() { with(this) {
+      Event.simulateMouse('tobeeditedEditControl','click');
+      assertNotNull(document.forms[0], "external control didn't work");
+      // doesn't work if you click it again while in edit mode
+      Event.simulateMouse('tobeeditedEditControl','click');
+      assertNull(document.forms[1], "external control created two forms");
+      assertNotVisible($('tobeeditedEditControl'));
+      Event.simulateMouse(document.forms[0].childNodes[2],'click');
+      assertVisible($('tobeeditedEditControl'));
+    }},
+    // Rewritten-version tests
+    testControlOptions: function() {with(this) {
+      // Default, then explicit default-equivalent, settings
+      [{}, { okControl: 'button', cancelControl: 'link' }].each(function(opts) {
+        var ipe = new Ajax.InPlaceEditor('newtbe', '', opts);
+        Event.simulateMouse('newtbe', 'click');
+        var submits = $('newtbe-inplaceeditor').getInputs('submit');
+        assertEqual(1, submits.length, 'Not just one submit');
+        assertEqual(Ajax.InPlaceEditor.DefaultOptions.okText, submits[0].value, 'Incorrect button label');
+        assert(submits[0].hasClassName('editor_ok_button'), 'Missing class name on ok button');
+        var links = $$('#newtbe-inplaceeditor a');
+        assertEqual(1, links.length, 'Not just one link');
+        assertEqual(Ajax.InPlaceEditor.DefaultOptions.cancelText, links[0].firstChild.nodeValue, 'Incorrect cancel link text');
+        assert(links[0].href.endsWith('#'), 'Incorrect cancel link href');
+        assert(links[0].hasClassName('editor_cancel_link'), 'Missing class name on cancel link');
+        ipe.dispose();
+      });
+      // Reverse: ok link, cancel button
+      var ipe = new Ajax.InPlaceEditor('newtbe', '', { okControl: 'link', cancelControl: 'button' });
+      Event.simulateMouse('newtbe', 'click');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(1, links.length, 'Not just one link');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.okText, links[0].firstChild.nodeValue, 'Incorrect ok link text');
+      assert(links[0].href.endsWith('#'), 'Incorrect ok link href');
+      assert(links[0].hasClassName('editor_ok_link'), 'Missing class name on ok link');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(1, submits.length, 'Not just one submit');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.cancelText, submits[0].value, 'Incorrect button label');
+      assert(submits[0].hasClassName('editor_cancel_button'), 'Missing class name on cancel button');
+      ipe.dispose();
+      // Full links
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { okControl: 'link' });
+      Event.simulateMouse('newtbe', 'click');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(2, links.length, 'There should be two links');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.okText, links[0].firstChild.nodeValue, 'Incorrect ok link text');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.cancelText, links[1].firstChild.nodeValue, 'Incorrect cancel link text');
+      assert(links[0].href.endsWith('#'), 'Incorrect ok link href');
+      assert(links[1].href.endsWith('#'), 'Incorrect cancel link href');
+      assert(links[0].hasClassName('editor_ok_link'), 'Missing class name on ok link');
+      assert(links[1].hasClassName('editor_cancel_link'), 'Missing class name on cancel link');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(0, submits.length, 'There should be no submit');
+      ipe.dispose();
+      // Full buttons
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { cancelControl: 'button' });
+      Event.simulateMouse('newtbe', 'click');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(2, submits.length, 'There should be two submits');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.okText, submits[0].value, 'Incorrect ok button text');
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.cancelText, submits[1].value, 'Incorrect cancel button text');
+      assert(submits[0].hasClassName('editor_ok_button'), 'Missing class name on ok button');
+      assert(submits[1].hasClassName('editor_cancel_button'), 'Missing class name on cancel button');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(0, links.length, 'There should be no link');
+      ipe.dispose();
+      // No cancel
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { cancelControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(1, submits.length, 'Not just one submit');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(0, links.length, 'There should be no link');
+      ipe.dispose();
+      // No OK
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { okControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(0, submits.length, 'There should be no submit');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(1, links.length, 'Not just one link');
+      ipe.dispose();
+      // Nothing
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { okControl: false, cancelControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(0, submits.length, 'There should be no submit');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(0, links.length, 'There should be no link');
+      ipe.dispose();
+      // Texts: default mode
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { okControl: false, cancelControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var submits = $('newtbe-inplaceeditor').getInputs('submit');
+      assertEqual(0, submits.length, 'There should be no submit');
+      var links = $$('#newtbe-inplaceeditor a');
+      assertEqual(0, links.length, 'There should be no link');
+      ipe.dispose();
+      // Texts: before w/ controls
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textBeforeControls: '[' });
+      Event.simulateMouse('newtbe', 'click');
+      var text = $('newtbe-inplaceeditor').childNodes[1];
+      assertEqual(3, text.nodeType, 'Missing/misplaced initial text');
+      assertEqual('[', text.nodeValue, 'Incorrect text');
+      ipe.dispose();
+      // Texts: after w/ controls
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textAfterControls: ']' });
+      Event.simulateMouse('newtbe', 'click');
+      var text = $('newtbe-inplaceeditor').childNodes[3];
+      assertEqual(3, text.nodeType, 'Missing/misplaced final text');
+      assertEqual(']', text.nodeValue, 'Incorrect text');
+      ipe.dispose();
+      // Texts: between w/ controls
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textBetweenControls: ' ' });
+      Event.simulateMouse('newtbe', 'click');
+      var text = $('newtbe-inplaceeditor').childNodes[2];
+      assertEqual(3, text.nodeType, 'Missing/misplaced middle text');
+      assertEqual(' ', text.nodeValue, 'Incorrect text');
+      ipe.dispose();
+      // Texts: before w/ no control
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textBeforeControls: '[', okControl: false, cancelControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var nodes = $('newtbe-inplaceeditor').childNodes;
+      assertEqual(1, nodes.length, 'Too many nodes in the form.');
+      ipe.dispose();
+      // Texts: after w/ no control
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textAfterControls: ']', okControl: false, cancelControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var nodes = $('newtbe-inplaceeditor').childNodes;
+      assertEqual(1, nodes.length, 'Too many nodes in the form.');
+      ipe.dispose();
+      // Texts: between w/ less than two controls
+      ipe = new Ajax.InPlaceEditor('newtbe', '', { textBetweenControls: ' ', okControl: false });
+      Event.simulateMouse('newtbe', 'click');
+      var nodes = $('newtbe-inplaceeditor').childNodes;
+      assertEqual(2, nodes.length, 'The form should have only two nodes (edit+cancel)');
+      assertEnumEqual(['input', 'a'], $A(nodes).pluck('tagName').invoke('toLowerCase'), 'Incorrect nodes');
+      ipe.dispose();
+    }},
+    testExternalControlOnly: function() {with(this) {
+      var ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', {
+        externalControl: 'newtbe_external'
+      });
+      Event.simulateMouse('newtbe', 'click');
+      assert(ipe._editing, 'Clicking on the element should turn editable.');
+      ipe.leaveEditMode();
+      Event.simulateMouse('newtbe_external', 'click');
+      assert(ipe._editing, 'Clicking on the external control should turn editable.');
+      ipe.dispose();
+      ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', {
+        externalControl: 'newtbe_external', externalControlOnly: true
+      });
+      Event.simulateMouse('newtbe', 'click');
+      assert(!ipe._editing, 'Clicking on the element should not turn editable.');
+      Event.simulateMouse('newtbe_external', 'click');
+      assert(ipe._editing, 'Clicking on the external control should turn editable.');
+      ipe.dispose();
+    }},
+    testNewCallbacks: function() {with(this) {
+      var called = [];
+      var opts = {
+        onEnterHover: function() { called.push('onEnterHover') },
+        onEnterEditMode: function() { called.push('onEnterEditMode') },
+        onLeaveEditMode: function() { called.push('onLeaveEditMode') },
+        callback: function(form) {
+          called.push('callback');
+          return form.serialize();
+        },
+        onFailure: function() { called.push('onFailure') },
+        onComplete: function() { called.push('onComplete') },
+        onLeaveEditMode: function() { called.push('onLeaveEditMode') }
+      }
+      // Proper success
+      $('newtbe').update('New to be edited');
+      var ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', opts);
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+      var postUpdateHTML;
+      wait(1000, function() {
+        assertEnumEqual(['onEnterHover', 'onEnterEditMode', 'callback', 'onLeaveEditMode', 'onComplete'],
+          called.uniq(), 'Incorrect callback sequence');
+        postUpdateHTML = $('newtbe').innerHTML.strip();
+        assertEqual('New to be edited - edited', postUpdateHTML, 'Update trouble');
+        ipe.dispose();
+        // Failure
+        called.clear();
+        // Any ideas?  Requesting file:// URLs on non-existent stuff doesn't trigger A.U's onFailure...
+      });
+    }},
+    testCallbackFunctionReturnTypes: function() { with(this) {
+      var params = [];
+      var responder = {
+        onCreate: function(req) {
+          params.push(req.options.parameters);
+        }
+      };
+      Ajax.Responders.register(responder);
+      var ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', {
+        callback: function(form) {
+          return 'foo=bar';
+        }
+      });
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+      wait(200, function() {
+        assert(params[0] && params[0].foo == 'bar');
+        ipe.dispose();
+        ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', {
+          callback: function(form) {
+            return { bar: '?', 'r&d': 42 };
+          }
+        });
+        Event.simulateMouse('newtbe', 'click');
+        Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+        wait(200, function() {
+          assert(params[1] && params[1].bar == '?' && params[1]['r&d'] == 42);
+          ipe.dispose();
+          Ajax.Responders.unregister(responder);
+        })
+      });
+    }},
+    testHtmlResponse: function() {with(this) {
+      // Default (true) -> A.U w/ evalScripts: true
+      $('newtbe').update('New to be edited');
+      var ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+      var postUpdateHTML;
+      wait(1000, function() {
+        postUpdateHTML = $('newtbe').innerHTML.strip();
+        assertEqual('New to be edited - edited', postUpdateHTML, 'Should have updated contents');
+        ipe.dispose();
+        // Explicit htmlResponse: true -> A.U w/ evalScripts: true
+        $('newtbe').update('New to be edited');
+        ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', { htmlResponse: true });
+        Event.simulateMouse('newtbe', 'mouseover');
+        Event.simulateMouse('newtbe', 'click');
+        Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+        wait(1000, function() {
+          postUpdateHTML = $('newtbe').innerHTML.strip();
+          assertEqual('New to be edited - edited', postUpdateHTML, 'Should have updated contents');
+          ipe.dispose();
+          // Explicit htmlResponse: false -> A.R
+          $('newtbe').update('New to be edited');
+          ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', { htmlResponse: false });
+          Event.simulateMouse('newtbe', 'mouseover');
+          Event.simulateMouse('newtbe', 'click');
+          Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+          wait(1000, function() {
+            postUpdateHTML = $('newtbe').innerHTML.strip();
+            assertEqual(ipe.options.savingText, postUpdateHTML, 'Should not have updated contents');
+            ipe.dispose();
+          });
+        });
+      });
+    }},
+    testSingleOrMultipleRows: function() {with(this) {
+      // Single-line value, rows <= 1 -> 1
+      $('newtbe').update('New to be edited');
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('input', ipe._controls.editor.tagName.toLowerCase());
+      ipe.dispose();
+      // Single-line value, rows > 1 (2) -> 2
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { rows: 2 });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('textarea', ipe._controls.editor.tagName.toLowerCase());
+      assertEqual(2, ipe._controls.editor.rows);
+      ipe.dispose();
+      // Multiple-line value, rows <= 1, autoRows default (3) -> 3
+      $('newtbe').update('Line 1\nLine 2\nLine 3');
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('textarea', ipe._controls.editor.tagName.toLowerCase());
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.autoRows, ipe._controls.editor.rows);
+      ipe.dispose();
+      // Multiple-line value, rows <= 1, autoRows custom (5) -> 5
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { autoRows: 5 });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('textarea', ipe._controls.editor.tagName.toLowerCase());
+      assertEqual(5, ipe._controls.editor.rows);
+      ipe.dispose();
+      // Multiple-line value, rows > 1 (2), autoRows default (3) -> 2
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { rows: 2 });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('textarea', ipe._controls.editor.tagName.toLowerCase());
+      assertEqual(2, ipe._controls.editor.rows);
+      ipe.dispose();
+      // Multiple-line value, rows > 1 (2), autoRows custom (5) -> 2
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { rows: 2, autoRows: 5 });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('textarea', ipe._controls.editor.tagName.toLowerCase());
+      assertEqual(2, ipe._controls.editor.rows);
+      ipe.dispose();
+    }},
+    testFormCustomizationCallback: function() {with(this) {
+      var ipe = new Ajax.InPlaceEditor('newtbe', '_ajax_inplaceeditor_result2.html', {
+        onFormCustomization: function(ipe, form) {
+          form.appendChild(new Element('input', { type: 'text', name: 'test', value: 'foobar' }));
+        }
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assertEqual('foobar', Form.serialize(ipe._form, true).test, 'Custom field not present');
+      ipe.dispose();
+    }},
+    testPostCreationBehavior: function() {with(this) {
+      var focused = false, activated = false;
+      function override(name, fx) {
+        arguments.callee.backups[name] = Field.Methods[name];
+        Field.Methods[name] = fx;
+      };
+      override.backups = {};
+      function restore() {
+        $A(arguments).each(function(n) {
+          Field.Methods[name] = override.backups[name];
+        });
+        Element.addMethods();
+      };
+      override('activate', function(elt) {
+        override.backups['activate'](elt);
+        activated = true;
+      });
+      override('focus', function(elt) { focused = true; });
+      Element.addMethods();
+      // fieldPostCreation default (activate)
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assert(focused && activated, "Should be focused and activated (resp. " + focused + " and " + activated + ')');
+      ipe.dispose();
+      // fieldPostCreation == 'focus'
+      focused = activated = false;
+      ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { fieldPostCreation: 'focus' });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assert(focused && !activated, "Should be focused, not activated (resp. " + focused + " and " + activated + ')');
+      ipe.dispose();
+      // fieldPostCreation == false
+      focused = activated = false;
+      ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { fieldPostCreation: false });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assert(!focused && !activated, "Should be neither focused nor activated (resp. " + focused + " and " + activated + ')');
+      ipe.dispose();
+      // fieldPostCreation == non-false yet neither activate nor focus -> default
+      focused = activated = false;
+      ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { fieldPostCreation: 'foobar' });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      assert(focused && activated, "Should be focused and activated (resp. " + focused + " and " + activated + ')');
+      ipe.dispose();
+      restore('activate', 'focus');
+    }},
+    testResponseTagStripping: function() {with(this) {
+      // stripLoadedTextTags default (false)
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html',
+        { loadTextURL: '_ajax_inplaceeditor_tagged.html' });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      wait(1000, function() {
+        assertEqual('<span>New to be edited - edited</span>', ipe._controls.editor.value.strip());
+        ipe.dispose();
+        // stripLoadedTextTags == true
+        ipe = new Ajax.InPlaceEditor('newtbe',
+          '_ajax_inplaceeditor_result2.html',
+          { loadTextURL: '_ajax_inplaceeditor_tagged.html',
+            stripLoadedTextTags: true });
+        Event.simulateMouse('newtbe', 'mouseover');
+        Event.simulateMouse('newtbe', 'click');
+        wait(1000, function() {
+          assertEqual('New to be edited - edited', ipe._controls.editor.value.strip());
+          ipe.dispose();
+        });
+      });
+    }},
+    testSubmitOnBlur: function() {with(this) {
+      // submitOnBlur default (false)
+      $('newtbe').update('To be edited');
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      ipe._controls.editor.blur();
+      wait(1000, function() {
+        assertEqual('To be edited', ipe._controls.editor ?  ipe._controls.editor.value : '');
+        ipe.dispose();
+        // submitOnBlur == true
+        ipe = new Ajax.InPlaceEditor('newtbe',
+          '_ajax_inplaceeditor_result2.html', { submitOnBlur: true });
+        Event.simulateMouse('newtbe', 'mouseover');
+        Event.simulateMouse('newtbe', 'click');
+        ipe._controls.editor.blur();
+        wait(1200, function() {
+          assertEqual('New to be edited - edited', $('newtbe').innerHTML.strip());
+          ipe.dispose();
+        });
+      });
+    }},
+    testEscReturnKeys: function() {with(this) {
+      // No controls, Esc
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { okControl: false, cancelControl: false});
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_ESC });
+      assert(!ipe._editing, 'Esc should have disabled IPE');
+      ipe.dispose();
+      // Cancel control, Esc
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { okControl: false });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_ESC });
+      assert(!ipe._editing, 'Esc should have disabled IPE');
+      ipe.dispose();
+      // OK control, Esc
+      var ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { cancelControl: false });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_ESC });
+      assert(!ipe._editing, 'Esc should have disabled IPE');
+      ipe.dispose();
+      // Both controls, Esc
+      ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html');
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_ESC });
+      assert(!ipe._editing, 'Esc should have disabled IPE');
+      ipe.dispose();
+      // No controls, Return
+      $('newtbe').update('New to be edited');
+      ipe = new Ajax.InPlaceEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { okControl: false, cancelControl: false });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+      wait(1000, function() {
+        assertEqual('New to be edited - edited', $('newtbe').innerHTML.strip());
+        ipe.dispose();
+        // Cancel control, Return
+        $('newtbe').update('New to be edited');
+        ipe = new Ajax.InPlaceEditor('newtbe',
+          '_ajax_inplaceeditor_result2.html', { okControl: false });
+        Event.simulateMouse('newtbe', 'mouseover');
+        Event.simulateMouse('newtbe', 'click');
+        Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+        wait(1000, function() {
+          assertEqual('New to be edited - edited', $('newtbe').innerHTML.strip());
+          ipe.dispose();
+          // OK control, Return
+          $('newtbe').update('New to be edited');
+          ipe = new Ajax.InPlaceEditor('newtbe',
+            '_ajax_inplaceeditor_result2.html', { cancelControl: false });
+          Event.simulateMouse('newtbe', 'mouseover');
+          Event.simulateMouse('newtbe', 'click');
+          Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+          wait(1000, function() {
+            assertEqual('New to be edited - edited', $('newtbe').innerHTML.strip());
+            ipe.dispose();
+            // Both controls, Return
+            $('newtbe').update('New to be edited');
+            ipe = new Ajax.InPlaceEditor('newtbe',
+              '_ajax_inplaceeditor_result2.html');
+            Event.simulateMouse('newtbe', 'mouseover');
+            Event.simulateMouse('newtbe', 'click');
+            Event.simulateKey('newtbe', 'keydown', { keyCode: Event.KEY_RETURN });
+            wait(1000, function() {
+              assertEqual('New to be edited - edited', $('newtbe').innerHTML.strip());
+              ipe.dispose();
+            });
+          });
+        });
+      });
+    }},
+    testIPCEBasic: function() {with(this) {
+      // Basic creation, population and choice.
+      $('newtbe').update('ntbe');
+      var fieldValue = '';
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: IPCE_COLLECTION, callback: function(f, value) {
+          fieldValue = value;
+        }, onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      assertEqual('test', editor.name);
+      assertEqual('select', editor.tagName.toLowerCase());
+      assertEqual(IPCE_COLLECTION.length, editor.options.length, 'Incorrect amount of options');
+      for (var index = 0; index < IPCE_COLLECTION.length; ++index) {
+        var ref = IPCE_COLLECTION[index];
+        var item = editor.options[index];
+        assertEqual(ref[0], item.value, 'Incorrect OPTION value');
+        assertEqual(ref[1], item.text.strip(), 'Incorrect OPTION text');
+      };
+      assertEqual(1, editor.selectedIndex, 'Did not properly select item');
+      editor.selectedIndex = 2;
+      Event.simulateMouse(ipe._controls.ok, 'click');
+      assertEqual('ntbe2', fieldValue);
+      ipe.dispose();
+      // Test the value option
+      $('newtbe').update('ntbe');
+      ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: IPCE_COLLECTION, onComplete: Prototype.emptyFunction,
+        value: 'ntbe2'
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      editor = ipe._controls.editor;
+      assertEqual(2, editor.selectedIndex, 'Did not properly select item');
+      ipe.dispose();
+    }},
+    testIPCECollectionSyntaxes: function() {with(this) {
+      // Array of two-item arrays (0 = value, 1 = text)
+      $('newtbe').update('ntbe');
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: IPCE_COLLECTION, onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      assertEqual(1, editor.selectedIndex, 'Did not properly select item');
+      // (further contents testing already done in Basic)
+      ipe.dispose();
+      // Array of one-item arrays
+      ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: [['tbe'], ['ntbe'], ['ntbe2'], ['ntbe3']],
+        onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      assertEqual(1, editor.selectedIndex, 'Did not properly select item');
+      assertEqual('ntbe', $F(editor).strip(), 'Did not properly define text');
+      ipe.dispose();
+      // Array of items
+      ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: ['tbe', 'ntbe', 'ntbe2', 'ntbe3'],
+        onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      assertEqual(1, editor.selectedIndex, 'Did not properly select item');
+      assertEqual('ntbe', $F(editor).strip(), 'Did not properly define text');
+      ipe.dispose();
+    }},
+    testIPCEAlternateTextOptions: function() {with(this) {
+      // loadTextURL (check loading text, verify alternate text eventually)
+      $('newtbe').update('New to be edited');
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        collection: IPCE_COLLECTION, loadTextURL: '_ajax_inplaceeditor_ipce_alt_text.html',
+        onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      var text = editor.options[editor.selectedIndex].text.strip();
+      assertEqual(Ajax.InPlaceEditor.DefaultOptions.loadingText, text);
+      wait(1200, function() {
+        assertEqual(1, editor.selectedIndex, 'Did not properly select item based on alternate text.');
+        ipe.dispose();
+      });
+    }},
+    testIPCEDynamicCollectionOptions: function() {with(this) {
+      // loadCollectionURL, default loadingCollectionText
+      $('newtbe').update('ntbe');
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        loadCollectionURL: '_ajax_inplaceeditor_ipce_collection.js',
+        onComplete: Prototype.emptyFunction
+      });
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      var text = editor.options[editor.selectedIndex].text.strip();
+      assertEqual(Ajax.InPlaceCollectionEditor.DefaultOptions.loadingCollectionText, text);
+      wait(1000, function() {
+        assertEqual(5, ipe._collection.length);
+        assertEqual(2, editor.selectedIndex, 'Did not properly select item');
+        ipe.dispose();
+        // loadCollectionURL, custom loadingCollectionText
+        $('newtbe').update('bar');
+        ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+          '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+          loadCollectionURL: '_ajax_inplaceeditor_ipce_collection.js',
+          loadingCollectionText: 'There we go...',
+          onComplete: Prototype.emptyFunction
+        });
+        Event.simulateMouse('newtbe', 'mouseover');
+        Event.simulateMouse('newtbe', 'click');
+        editor = ipe._controls.editor;
+        text = editor.options[editor.selectedIndex].text.strip();
+        assertEqual('There we go...', text);
+        wait(1000, function() {
+          assertEqual(1, editor.selectedIndex, 'Did not properly select item');
+          ipe.dispose();
+        });
+      });
+    }},
+    testIPCEATPlusDC: function() {with(this) {
+      // loadCollectionURL, loadTextURL
+      $('newtbe').update('Like I care');
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        loadCollectionURL: '_ajax_inplaceeditor_ipce_collection.js',
+        loadingCollectionText: 'There we go...',
+        loadTextURL: '_ajax_inplaceeditor_ipce_alt_text.html',
+        loadingText: 'OK, so, the text...',
+        onComplete: Prototype.emptyFunction
+      });
+      ipe._regularCFET = ipe.checkForExternalText;
+      ipe.checkForExternalText = function() {
+        assert(5, ipe._collection.length);
+        ipe._regularCFET();
+        var editor = ipe._controls.editor;
+        var text = editor.options[editor.selectedIndex].text.strip();
+        assertEqual('OK, so, the text...', text);
+      };
+      Event.simulateMouse('newtbe', 'mouseover');
+      Event.simulateMouse('newtbe', 'click');
+      var editor = ipe._controls.editor;
+      var text = editor.options[editor.selectedIndex].text.strip();
+      assertEqual('There we go...', text);
+      wait(2000, function() {
+        assertEqual(2, editor.selectedIndex, 'Did not properly select item');
+        ipe.dispose();
+      });
+    }},
+    testDeprecationLayer: function() {with(this) {
+      // FIXME: needs to be coded yet, doesn't it?
+      var ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        okButton: false, cancelLink: false
+      });
+      assertIdentical(false, ipe.options.okControl, 'OK control should be disabled');
+      assertIdentical(false, ipe.options.cancelControl, 'Cancel control should be disabled');
+      ipe.dispose();
+      ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        okLink: true, cancelButton: true
+      });
+      assertEqual('link', ipe.options.okControl, 'OK control should be a link');
+      assertEqual('button', ipe.options.cancelControl, 'Cancel control should be a button');
+      ipe.dispose();
+      ipe = new Ajax.InPlaceCollectionEditor('newtbe',
+        '_ajax_inplaceeditor_result2.html', { paramName: 'test',
+        highlightcolor: '#ff0000', highlightendcolor: '#00ff00'
+      });
+      assertEqual('#ff0000', ipe.options.highlightColor, 'Highlight color was not migrated');
+      assertEqual('#00ff00', ipe.options.highlightEndColor, 'Highlight end color was not migrated');
+      ipe.dispose();
+    }},
+    testShouldShowAmpersandsProperly: function() {with(this) {
+      var ipe = new Ajax.InPlaceEditor('contains_ampersand', '', {});
+      Event.simulateMouse('contains_ampersand', 'click');
+      assertEqual("Me & Myself", $$('form#contains_ampersand-inplaceeditor input.editor_field')[0].value);
+      ipe.dispose();
+    }}
+    // FIXME: add AC w/o key conflicts?
+    // FIXME: doc w/ full details on what's new, what's changed, etc. + deprecation layer info.
+  });
+// ]]>
+</script>
+</body>
+</html>