2016-01-19 00:56:13 +00:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="../../resources/js-test-pre.js"></script>
|
2016-04-29 20:05:07 +00:00
|
|
|
<meta charset="UTF-16">
|
2016-01-19 00:56:13 +00:00
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
.userselect { user-select: none; -webkit-user-select: none; }
|
|
|
|
|
</style>
|
|
|
|
|
<body id="body">
|
|
|
|
|
|
|
|
|
|
<div id="text" tabindex="0">text</div>
|
|
|
|
|
<br>
|
|
|
|
|
text1
|
|
|
|
|
|
|
|
|
|
<div id="text2">
|
|
|
|
|
c <img src="#" aria-label="blah" style="background-color: #aaaaaa; width: 100px; height: 100px;"> d
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<input type="password" id="psw">
|
|
|
|
|
|
|
|
|
|
<div class="userselect" id="text3">can't select</div>
|
|
|
|
|
|
2016-02-13 05:24:24 +00:00
|
|
|
<div id="text4">
|
|
|
|
|
abc
|
|
|
|
|
de
|
|
|
|
|
f
|
|
|
|
|
</div>
|
|
|
|
|
|
2016-04-29 20:05:07 +00:00
|
|
|
<p id="text5">😃😏<p>
|
|
|
|
|
|
|
|
|
|
<p id="text6">a b</p>
|
|
|
|
|
|
2016-01-19 00:56:13 +00:00
|
|
|
<p id="description"></p>
|
|
|
|
|
<div id="console"></div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
description("This tests the next/previous text marker functions are implemented correctly.");
|
|
|
|
|
|
|
|
|
|
if (window.accessibilityController) {
|
|
|
|
|
|
|
|
|
|
var text = accessibilityController.accessibleElementById("text");
|
|
|
|
|
// Get the actual text node.
|
|
|
|
|
text = text.childAtIndex(0);
|
|
|
|
|
|
|
|
|
|
// Check that we can get the start/end marker for this range.
|
|
|
|
|
var textMarkerRange = text.textMarkerRangeForElement(text);
|
|
|
|
|
shouldBe("text.textMarkerRangeLength(textMarkerRange)", "4");
|
|
|
|
|
|
|
|
|
|
var startMarker = text.startTextMarkerForTextMarkerRange(textMarkerRange);
|
|
|
|
|
var endMarker = text.endTextMarkerForTextMarkerRange(textMarkerRange);
|
|
|
|
|
shouldBeTrue("text.accessibilityElementForTextMarker(startMarker).isEqual(text)");
|
|
|
|
|
shouldBeTrue("text.accessibilityElementForTextMarker(endMarker).isEqual(text)");
|
|
|
|
|
|
|
|
|
|
// Check next text marker. (Advance 5 characters, it will land at <br>.)
|
2016-02-19 18:58:31 +00:00
|
|
|
var currentMarker, previousMarker, markerRange;;
|
|
|
|
|
var result = forward(5, previousMarker, startMarker, text);
|
|
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
2016-02-10 02:33:04 +00:00
|
|
|
var newline = '\n';
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "newline");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
2016-02-19 18:58:31 +00:00
|
|
|
// Advance one more characters, it will lande at "t" in "text1".
|
|
|
|
|
result = forward(1, previousMarker, currentMarker, text);
|
|
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "'t'");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
|
|
|
|
// Check previous text marker. (Traverse backwards one character, it will land at <br>.)
|
2016-02-19 18:58:31 +00:00
|
|
|
result = backwards(1, previousMarker, currentMarker, text);
|
|
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
2016-02-10 02:33:04 +00:00
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "newline");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
2016-04-29 20:05:07 +00:00
|
|
|
// Traverse backwards one more character, it will land at the last character of "text".
|
|
|
|
|
result = backwards(1, previousMarker, currentMarker, text);
|
2016-02-19 18:58:31 +00:00
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "'t'");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
|
|
|
|
// Check the case with replaced node
|
|
|
|
|
var text2 = accessibilityController.accessibleElementById("text2");
|
|
|
|
|
var textMarkerRange2 = text2.textMarkerRangeForElement(text2);
|
|
|
|
|
shouldBe("text2.textMarkerRangeLength(textMarkerRange2)", "5");
|
|
|
|
|
var str = text2.stringForTextMarkerRange(textMarkerRange2).replace(String.fromCharCode(65532), "[ATTACHMENT]");
|
|
|
|
|
debug("Object string for range: " + str);
|
|
|
|
|
|
|
|
|
|
currentMarker = text2.startTextMarkerForTextMarkerRange(textMarkerRange2);
|
2016-01-21 08:35:10 +00:00
|
|
|
// Advance 5 characters, it will land at "d".
|
2016-02-19 18:58:31 +00:00
|
|
|
result = forward(5, previousMarker, currentMarker, text2);
|
|
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text2.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
|
|
|
|
shouldBe("text2.stringForTextMarkerRange(markerRange)", "'d'");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
2016-04-29 20:05:07 +00:00
|
|
|
// Traverse backwards 6 characters, it will land at the last character of "text1".
|
|
|
|
|
result = backwards(6, previousMarker, currentMarker, text2);
|
2016-02-19 18:58:31 +00:00
|
|
|
previousMarker = result.previous;
|
|
|
|
|
currentMarker = result.current;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text2.textMarkerRangeForMarkers(previousMarker, currentMarker);
|
|
|
|
|
shouldBe("text2.stringForTextMarkerRange(markerRange)", "'1'");
|
2016-01-19 00:56:13 +00:00
|
|
|
|
|
|
|
|
// Check the case with user-select:none, nextTextMarker/previousTextMarker should still work.
|
|
|
|
|
var text3 = accessibilityController.accessibleElementById("text3");
|
|
|
|
|
text3 = text3.childAtIndex(0);
|
2016-02-19 18:58:31 +00:00
|
|
|
|
2016-01-19 00:56:13 +00:00
|
|
|
// Advance to land at user-select:none node.
|
|
|
|
|
var marker1, marker2;
|
2016-02-19 18:58:31 +00:00
|
|
|
for (var i = 0; i < 18; i++) {
|
2016-01-19 00:56:13 +00:00
|
|
|
currentMarker = text3.nextTextMarker(currentMarker);
|
2016-02-19 18:58:31 +00:00
|
|
|
// i == 14, it should land on "e", and i == 17, it should land on "t"
|
|
|
|
|
if (i == 14) {
|
2016-01-19 00:56:13 +00:00
|
|
|
marker1 = currentMarker;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
marker2 = currentMarker;
|
2016-01-21 08:35:10 +00:00
|
|
|
markerRange = text3.textMarkerRangeForMarkers(marker1, marker2);
|
2016-01-19 00:56:13 +00:00
|
|
|
shouldBe("text3.stringForTextMarkerRange(markerRange)", "'ect'");
|
|
|
|
|
// Iterate backwards the second marker for 6 characters, the range should be "sel"
|
|
|
|
|
for (var i = 0; i < 6; i++) {
|
|
|
|
|
currentMarker = text3.previousTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
marker2 = currentMarker;
|
|
|
|
|
markerRange = text3.textMarkerRangeForMarkers(marker1, marker2);
|
|
|
|
|
shouldBe("text3.stringForTextMarkerRange(markerRange)", "'sel'");
|
|
|
|
|
|
|
|
|
|
// Check the case with password field.
|
|
|
|
|
var psw = accessibilityController.accessibleElementById("psw");
|
|
|
|
|
var textMarkerRange3 = psw.textMarkerRangeForElement(psw);
|
|
|
|
|
var start = psw.startTextMarkerForTextMarkerRange(textMarkerRange3);
|
|
|
|
|
shouldBeTrue("!psw.accessibilityElementForTextMarker(start)");
|
|
|
|
|
|
|
|
|
|
// Check next/previous text marker call will skip password field
|
|
|
|
|
// We start from text2 and advance 6 characters, it should skip the password field and land on text3.
|
|
|
|
|
currentMarker = text2.startTextMarkerForTextMarkerRange(textMarkerRange2);
|
|
|
|
|
for (var i = 0; i < 6; i++) {
|
|
|
|
|
currentMarker = text2.nextTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
shouldBeTrue("text2.accessibilityElementForTextMarker(currentMarker).isEqual(text3)");
|
|
|
|
|
// Check previous text marker, it should land on " d" node.
|
|
|
|
|
currentMarker = text2.previousTextMarker(currentMarker);
|
2016-02-19 18:58:31 +00:00
|
|
|
currentMarker = text2.previousTextMarker(currentMarker);
|
2016-01-19 00:56:13 +00:00
|
|
|
shouldBeTrue("text2.accessibilityElementForTextMarker(currentMarker).isEqual(text2.childAtIndex(2))");
|
|
|
|
|
|
2016-02-13 05:24:24 +00:00
|
|
|
|
|
|
|
|
// Make sure that text node with line breaks, we can go through it with next/previous call.
|
|
|
|
|
text = accessibilityController.accessibleElementById("text4");
|
|
|
|
|
textMarkerRange = text.textMarkerRangeForElement(text);
|
|
|
|
|
startMarker = text.startTextMarkerForTextMarkerRange(textMarkerRange);
|
|
|
|
|
currentMarker = startMarker;
|
|
|
|
|
for (var i = 0; i < 8; i++) {
|
|
|
|
|
previousMarker = currentMarker;
|
|
|
|
|
currentMarker = text.nextTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
markerRange = text.textMarkerRangeForMarkers(previousMarker, currentMarker)
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "'f'");
|
|
|
|
|
|
|
|
|
|
endMarker = text.endTextMarkerForTextMarkerRange(textMarkerRange);
|
|
|
|
|
currentMarker = endMarker;
|
|
|
|
|
for (var i = 0; i < 7; i++) {
|
|
|
|
|
currentMarker = text.previousTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
markerRange = text.textMarkerRangeForMarkers(startMarker, currentMarker)
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(markerRange)", "'a'");
|
|
|
|
|
|
2016-04-29 20:05:07 +00:00
|
|
|
// Test case with emoji.
|
|
|
|
|
text = accessibilityController.accessibleElementById("text5");
|
|
|
|
|
var emojiTextMarkerRange = text.textMarkerRangeForElement(text);
|
|
|
|
|
shouldBe("text.textMarkerRangeLength(emojiTextMarkerRange)", "4");
|
|
|
|
|
// Make sure navigating next/previous text marker is by emoji.
|
|
|
|
|
startMarker = text.startTextMarkerForTextMarkerRange(emojiTextMarkerRange);
|
|
|
|
|
result = forward(2, previousMarker, startMarker, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "'😏'");
|
|
|
|
|
result = backwards(1, result.previous, result.current, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "'😃'");
|
|
|
|
|
|
|
|
|
|
// Test case with collapsed whitespace.
|
|
|
|
|
text = accessibilityController.accessibleElementById("text6");
|
|
|
|
|
var collapsedWhitespaceMarkerRange = text.textMarkerRangeForElement(text);
|
|
|
|
|
shouldBe("text.textMarkerRangeLength(collapsedWhitespaceMarkerRange)", "3");
|
|
|
|
|
startMarker = text.startTextMarkerForTextMarkerRange(collapsedWhitespaceMarkerRange);
|
|
|
|
|
result = forward(1, previousMarker, startMarker, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "'a'");
|
|
|
|
|
result = forward(1, result.previous, result.current, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "' '");
|
|
|
|
|
result = forward(1, result.previous, result.current, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "'b'");
|
|
|
|
|
result = backwards(1, result.previous, result.current, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "' '");
|
|
|
|
|
result = backwards(1, result.previous, result.current, text);
|
|
|
|
|
shouldBe("text.stringForTextMarkerRange(text.textMarkerRangeForMarkers(result.previous, result.current))", "'a'");
|
|
|
|
|
|
2016-02-19 18:58:31 +00:00
|
|
|
function forward(count, previousMarker, currentMarker, obj) {
|
|
|
|
|
for (var i = 0; i < count; i++) {
|
|
|
|
|
previousMarker = currentMarker;
|
|
|
|
|
currentMarker = obj.nextTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
previous: previousMarker,
|
|
|
|
|
current: currentMarker
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function backwards(count, previousMarker, currentMarker, obj) {
|
|
|
|
|
for (var i = 0; i < count; i++) {
|
|
|
|
|
previousMarker = obj.previousTextMarker(previousMarker);
|
|
|
|
|
currentMarker = obj.previousTextMarker(currentMarker);
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
previous: previousMarker,
|
|
|
|
|
current: currentMarker
|
|
|
|
|
};
|
|
|
|
|
}
|
2016-01-19 00:56:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
