2010-05-17 09:17:50 -07:00
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>Accessible mutation events testing</title>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css"
|
|
|
|
|
href="chrome://mochikit/content/tests/SimpleTest/test.css" />
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/MochiKit/packed.js"></script>
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/a11y/accessible/common.js"></script>
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/a11y/accessible/events.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript">
|
2010-06-09 20:29:56 -07:00
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
// Invokers
|
|
|
|
|
|
2010-05-17 09:17:50 -07:00
|
|
|
/**
|
2010-06-09 20:29:56 -07:00
|
|
|
* Base text remove invoker and checker.
|
2010-05-17 09:17:50 -07:00
|
|
|
*/
|
2010-06-09 20:29:56 -07:00
|
|
|
function textRemoveChecker(aID, aStart, aEnd, aText)
|
|
|
|
|
{
|
|
|
|
|
this.target = getNode(aID);
|
|
|
|
|
this.type = EVENT_TEXT_REMOVED;
|
|
|
|
|
|
|
|
|
|
this.check = function textRemoveChecker_check(aEvent)
|
|
|
|
|
{
|
|
|
|
|
aEvent.QueryInterface(nsIAccessibleTextChangeEvent);
|
|
|
|
|
is(aEvent.start, aStart, "Wrong start offset for " + prettyName(aID));
|
|
|
|
|
is(aEvent.length, aEnd - aStart, "Wrong length for" + prettyName(aID));
|
|
|
|
|
is(aEvent.isInserted(), false,
|
|
|
|
|
"Text was removed for " + prettyName(aID));
|
|
|
|
|
is(aEvent.modifiedText, aText,
|
|
|
|
|
"Wrong removed text " + prettyName(aID));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function textRemoveInvoker(aID, aStart, aEnd, aText)
|
2010-05-17 09:17:50 -07:00
|
|
|
{
|
|
|
|
|
this.DOMNode = getNode(aID);
|
|
|
|
|
|
2010-06-09 20:29:56 -07:00
|
|
|
this.eventSeq = [
|
|
|
|
|
new textRemoveChecker(aID, aStart, aEnd, aText)
|
|
|
|
|
];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Remove inaccessible child node containing text accessibles.
|
|
|
|
|
*/
|
|
|
|
|
function removeChildSpan(aID)
|
|
|
|
|
{
|
|
|
|
|
this.__proto__ = new textRemoveInvoker(aID, 0, 5, "33322");
|
|
|
|
|
|
2010-05-17 09:17:50 -07:00
|
|
|
this.invoke = function removeChildSpan_invoke()
|
|
|
|
|
{
|
|
|
|
|
// remove HTML span, a first child of the node
|
2010-06-30 19:18:08 -07:00
|
|
|
ensureAccessibleTree(this.DOMNode);
|
2010-05-17 09:17:50 -07:00
|
|
|
this.DOMNode.removeChild(this.DOMNode.firstChild);
|
|
|
|
|
}
|
|
|
|
|
|
2010-06-09 20:29:56 -07:00
|
|
|
this.getID = function removeChildSpan_getID()
|
|
|
|
|
{
|
|
|
|
|
return "Remove inaccessible span containing accessible nodes" + prettyName(aID);
|
|
|
|
|
}
|
|
|
|
|
}
|
2010-05-17 09:17:50 -07:00
|
|
|
|
2010-06-09 20:29:56 -07:00
|
|
|
/**
|
|
|
|
|
* Remove child embedded accessible.
|
|
|
|
|
*/
|
|
|
|
|
function removeChildDiv(aID, aChildId)
|
|
|
|
|
{
|
|
|
|
|
this.__proto__ = new textRemoveInvoker(aID, 5, 6,
|
|
|
|
|
String.fromCharCode(0xfffc));
|
|
|
|
|
|
|
|
|
|
this.invoke = function removeChildDiv_invoke()
|
2010-05-17 09:17:50 -07:00
|
|
|
{
|
2010-06-09 20:29:56 -07:00
|
|
|
var childDiv = this.DOMNode.childNodes[aChildId];
|
|
|
|
|
|
|
|
|
|
// Ensure accessible is created to get text remove event when it's
|
|
|
|
|
// removed.
|
|
|
|
|
getAccessible(childDiv);
|
|
|
|
|
|
|
|
|
|
this.DOMNode.removeChild(childDiv);
|
2010-05-17 09:17:50 -07:00
|
|
|
}
|
|
|
|
|
|
2010-06-09 20:29:56 -07:00
|
|
|
this.getID = function removeChildDiv_getID()
|
2010-05-17 09:17:50 -07:00
|
|
|
{
|
2010-06-09 20:29:56 -07:00
|
|
|
return "Remove accessible div from the middle of text accessible " +
|
|
|
|
|
prettyName(aID);
|
2010-05-17 09:17:50 -07:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
2010-06-09 20:29:56 -07:00
|
|
|
* Remove text from HTML input.
|
2010-05-17 09:17:50 -07:00
|
|
|
*/
|
2010-06-09 20:29:56 -07:00
|
|
|
function removeTextFromInput(aID, aStart, aEnd, aText)
|
|
|
|
|
{
|
|
|
|
|
this.__proto__ = new textRemoveInvoker(aID, aStart, aEnd, aText);
|
|
|
|
|
|
|
|
|
|
this.eventSeq.push(new invokerChecker(EVENT_VALUE_CHANGE, this.DOMNode));
|
|
|
|
|
|
|
|
|
|
this.invoke = function removeTextFromInput_invoke()
|
|
|
|
|
{
|
|
|
|
|
const nsIDOMNSEditableElement =
|
|
|
|
|
Components.interfaces.nsIDOMNSEditableElement;
|
|
|
|
|
|
|
|
|
|
this.DOMNode.focus();
|
|
|
|
|
this.DOMNode.setSelectionRange(aStart, aEnd);
|
|
|
|
|
|
|
|
|
|
synthesizeKey("VK_DELETE", {});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.getID = function removeTextFromInput_getID()
|
|
|
|
|
{
|
|
|
|
|
return "Remove text from " + aStart + " to " + aEnd + " for " +
|
|
|
|
|
prettyName(aID);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Remove text data from text node of editable area.
|
|
|
|
|
*/
|
|
|
|
|
function removeTextFromEditable(aID, aStart, aEnd, aText, aTextNode)
|
|
|
|
|
{
|
|
|
|
|
this.__proto__ = new textRemoveInvoker(aID, aStart, aEnd, aText);
|
|
|
|
|
|
|
|
|
|
this.invoke = function removeTextFromEditable_invoke()
|
|
|
|
|
{
|
|
|
|
|
this.DOMNode.focus();
|
|
|
|
|
|
|
|
|
|
var selection = window.getSelection();
|
|
|
|
|
var range = document.createRange();
|
|
|
|
|
range.setStart(this.textNode, aStart);
|
|
|
|
|
range.setEnd(this.textNode, aEnd);
|
|
|
|
|
selection.addRange(range);
|
|
|
|
|
|
|
|
|
|
synthesizeKey("VK_DELETE", {});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.getID = function removeTextFromEditable_getID()
|
|
|
|
|
{
|
|
|
|
|
return "Remove text from " + aStart + " to " + aEnd + " for " +
|
|
|
|
|
prettyName(aID);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.textNode = getNode(aTextNode);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
// Do tests
|
2010-05-17 09:17:50 -07:00
|
|
|
var gQueue = null;
|
|
|
|
|
// gA11yEventDumpID = "eventdump"; // debug stuff
|
|
|
|
|
|
|
|
|
|
function doTests()
|
|
|
|
|
{
|
|
|
|
|
gQueue = new eventQueue();
|
|
|
|
|
|
|
|
|
|
// Text remove event on inaccessible child HTML span removal containing
|
|
|
|
|
// accessible text nodes.
|
|
|
|
|
gQueue.push(new removeChildSpan("p"));
|
|
|
|
|
|
2010-06-09 20:29:56 -07:00
|
|
|
// Remove embedded character.
|
|
|
|
|
gQueue.push(new removeChildDiv("div", 1));
|
|
|
|
|
|
|
|
|
|
// Text remove from text node within hypertext accessible.
|
|
|
|
|
gQueue.push(new removeTextFromInput("input", 1, 3, "al"));
|
|
|
|
|
|
|
|
|
|
// bug 570691
|
|
|
|
|
todo(false, "Fix text change events from editable area, see bug 570691");
|
|
|
|
|
//var textNode = getNode("editable").firstChild;
|
|
|
|
|
//gQueue.push(new removeTextFromEditable("editable", 1, 3, "al", textNode));
|
|
|
|
|
//textNode = getNode("editable2").firstChild.firstChild;
|
|
|
|
|
//gQueue.push(new removeTextFromEditable("editable2", 1, 3, "al", textNode));
|
|
|
|
|
|
2010-05-17 09:17:50 -07:00
|
|
|
gQueue.invoke(); // Will call SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
addA11yLoadEvent(doTests);
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=566293"
|
|
|
|
|
title=" wrong length of text remove event when inaccessible node containing accessible nodes is removed">
|
|
|
|
|
Mozilla Bug 566293
|
|
|
|
|
</a>
|
2010-06-09 20:29:56 -07:00
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=570710"
|
|
|
|
|
title="Avoid extra array traversal during text event creation">
|
|
|
|
|
Mozilla Bug 570710
|
|
|
|
|
</a>
|
2010-05-17 09:17:50 -07:00
|
|
|
|
|
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none"></div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
</pre>
|
|
|
|
|
<div id="eventdump"></div>
|
|
|
|
|
|
|
|
|
|
<p id="p"><span><span>333</span><span>22</span></span>1111</p>
|
2010-06-09 20:29:56 -07:00
|
|
|
<div id="div">hello<div>hello</div>hello</div>
|
|
|
|
|
<input id="input" value="value">
|
|
|
|
|
<div contentEditable="true" id="editable">value</div>
|
|
|
|
|
<div contentEditable="true" id="editable2"><span>value</span></div>
|
2010-05-17 09:17:50 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
