Commit aad695b2 authored by aliceli1's avatar aliceli1

added tests for Range.isPointInRange and Range.comparePoint



git-svn-id: http://svn.webkit.org/repository/webkit/trunk@14774 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent 7f32a883
test 1 passed
test 2 passed
test 3 passed
test 4 passed
test 5 passed
test 6 passed
test 7 passed
test 8 passed
test 9 passed
test 10 passed
<html>
<head>
<title>Test for Range.comparePoint()</title>
<script>
function test()
{
// comparePoint( refNode, offset ) - This method returns 1, 0 or 1 depending on
// if the point described by the refNode node and an offset within the node is
// before, same as, or after the range respectively.
var range = document.createRange();
// test 1 - point before range, different node
var expectedResult = -1;
range.selectNode(document.getElementById("a2"));
var result = range.comparePoint(document.getElementById("b1"), 1);
if (result == expectedResult)
document.getElementById("test1").innerHTML = "test 1 passed";
// test 2 - point before range, same node
range.setStart(document.getElementById("b2"), 1);
result = range.comparePoint(document.getElementById("b2"), 0);
if (result == expectedResult)
document.getElementById("test2").innerHTML = "test 2 passed";
// test 3 - point on range start boundary
expectedResult = 0;
range.selectNode(document.getElementById("b2"));
result = range.comparePoint(document.getElementById("b2"), 0);
if (result == expectedResult)
document.getElementById("test3").innerHTML = "test 3 passed";
// test 4 - point within range, same node
result = range.comparePoint(document.getElementById("b2"), 1);
if (result == expectedResult)
document.getElementById("test4").innerHTML = "test 4 passed";
// test 5 - point within range, spans nodes
range.setStart(document.getElementById("b1"), 1);
range.setEnd(document.getElementById("c2"), 1);
result = range.comparePoint( document.getElementById("c2"), 0);
if (result == expectedResult)
document.getElementById("test5").innerHTML = "test 5 passed";
// test 6 - point on range end boundary
result = range.comparePoint(document.getElementById("c2"), 1);
if (result == expectedResult)
document.getElementById("test6").innerHTML = "test 6 passed";
// test 7 - point after range, same node
range.setEnd(document.getElementById("c2"), 0);
expectedResult = 1;
result = range.comparePoint(document.getElementById("c2"), 1);
if (result == expectedResult)
document.getElementById("test7").innerHTML = "test 7 passed";
// test 8 - point after range, different node
expectedResult = 1;
result = range.comparePoint(document.getElementById("a3"), 1);
if (result == expectedResult)
document.getElementById("test8").innerHTML = "test 8 passed";
// test 9 - detached range, attached node
// firefox throws an exception and does not return a value
var detachedRange = document.createRange();
detachedRange.detach();
try {
result = detachedRange.comparePoint(document.getElementById("a1"), 0);
} catch (e) {
document.getElementById("test9").innerHTML = "test 9 passed";
}
// test 10 - attached range, detached node
// firefox does not throw an exception and returns -1 for this test
// webkit will throw an exception.
expectedResult = -1;
range.selectNode(document.getElementById("a1"));
var node = document.getElementById("b1");
node.parentNode.removeChild(node);
result = range.comparePoint(node, 0);
if (result == expectedResult)
document.getElementById("test10").innerHTML = "test 10 passed";
if (window.layoutTestController)
layoutTestController.dumpAsText();
}
</script>
</head>
<body onload="test();">
<!-- visible area with test results -->
<div id=test1><span style="color: red;">test 1 failed</span></div><br>
<div id=test2><span style="color: red;">test 2 failed</span></div><br>
<div id=test3><span style="color: red;">test 3 failed</span></div><br>
<div id=test4><span style="color: red;">test 4 failed</span></div><br>
<div id=test5><span style="color: red;">test 5 failed</span></div><br>
<div id=test6><span style="color: red;">test 6 failed</span></div><br>
<div id=test7><span style="color: red;">test 7 failed</span></div><br>
<div id=test8><span style="color: red;">test 8 failed</span></div><br>
<div id=test9><span style="color: red;">test 9 failed</span></div><br>
<div id=test10><span style="color: red;">test 10 failed</span></div><br>
<!-- hidden area to create the ranges being tested -->
<div style="visibility: hidden">
<div id=a1>a1
<div id=b1>b1</div> <div id=c1>c1</div>
</div>
<div id=a2>a2
<div id=b2>b2</div> <div id=c2>c2</div>
</div>
<div id=a3>a3
<div id=b3>b3</div> <div id=c3>c3</div>
</div>
</div>
</body>
</html>
test 1 passed
test 2 passed
test 3 passed
test 4 passed
test 5 passed
test 6 passed
test 7 passed
test 8 passed
test 9 passed
test 10 passed
<html>
<head>
<title>Test for Range.isPointInRange()</title>
<script>
function test()
{
// isPointInRange( refNode, offset ) - This method returns 1, 0 or 1 depending on
// if the point described by the refNode node and an offset within the node is
// before, same as, or after the range respectively.
var range = document.createRange();
// test 1 - point before range, different node
var expectedResult = false;
range.selectNode(document.getElementById("a2"));
var result = range.isPointInRange(document.getElementById("b1"), 1);
if (result == expectedResult)
document.getElementById("test1").innerHTML = "test 1 passed";
// test 2 - point before range, same node
range.setStart(document.getElementById("b2"), 1);
result = range.isPointInRange(document.getElementById("b2"), 0);
if (result == expectedResult)
document.getElementById("test2").innerHTML = "test 2 passed";
// test 3 - point on range start boundary
expectedResult = true;
range.selectNode(document.getElementById("b2"));
result = range.isPointInRange(document.getElementById("b2"), 0);
if (result == expectedResult)
document.getElementById("test3").innerHTML = "test 3 passed";
// test 4 - point within range, same node
result = range.isPointInRange(document.getElementById("b2"), 1);
if (result == expectedResult)
document.getElementById("test4").innerHTML = "test 4 passed";
// test 5 - point within range, spans nodes
range.setStart(document.getElementById("b1"), 1);
range.setEnd(document.getElementById("c2"), 1);
result = range.isPointInRange( document.getElementById("c2"), 0);
if (result == expectedResult)
document.getElementById("test5").innerHTML = "test 5 passed";
// test 6 - point on range end boundary
result = range.isPointInRange(document.getElementById("c2"), 1);
if (result == expectedResult)
document.getElementById("test6").innerHTML = "test 6 passed";
// test 7 - point after range, same node
expectedResult = false;
range.setEnd(document.getElementById("c2"), 0);
result = range.isPointInRange(document.getElementById("c2"), 1);
if (result == expectedResult)
document.getElementById("test7").innerHTML = "test 7 passed";
// test 8 - point after range, different node
result = range.isPointInRange(document.getElementById("a3"), 1);
if (result == expectedResult)
document.getElementById("test8").innerHTML = "test 8 passed";
// test 9 - detached range, attached node
// firefox throws an exception and does not return a value
var detachedRange = document.createRange();
detachedRange.detach();
try {
result = detachedRange.isPointInRange(document.getElementById("a1"), 0);
} catch (e) {
document.getElementById("test9").innerHTML = "test 9 passed";
}
// test 10 - attached range, detached node
// firefox does not throw an exception and returns false for this test
range.selectNode(document.getElementById("a1"));
var node = document.getElementById("b1");
node.parentNode.removeChild(node);
result = range.isPointInRange(node, 0);
if (result == expectedResult)
document.getElementById("test10").innerHTML = "test 10 passed";
if (window.layoutTestController)
layoutTestController.dumpAsText();
}
</script>
</head>
<body onload="test();">
<!-- visible area with test results -->
<div id=test1><span style="color: red;">test 1 failed</span></div><br>
<div id=test2><span style="color: red;">test 2 failed</span></div><br>
<div id=test3><span style="color: red;">test 3 failed</span></div><br>
<div id=test4><span style="color: red;">test 4 failed</span></div><br>
<div id=test5><span style="color: red;">test 5 failed</span></div><br>
<div id=test6><span style="color: red;">test 6 failed</span></div><br>
<div id=test7><span style="color: red;">test 7 failed</span></div><br>
<div id=test8><span style="color: red;">test 8 failed</span></div><br>
<div id=test9><span style="color: red;">test 9 failed</span></div><br>
<div id=test10><span style="color: red;">test 10 failed</span></div><br>
<!-- hidden area to create the ranges being tested -->
<div style="visibility: hidden">
<div id=a1>a1
<div id=b1>b1</div> <div id=c1>c1</div>
</div>
<div id=a2>a2
<div id=b2>b2</div> <div id=c2>c2</div>
</div>
<div id=a3>a3
<div id=b3>b3</div> <div id=c3>c3</div>
</div>
</div>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment