sku-pg
Version:
Skulpt is a Javascript implementation of Python 2.x. Python that runs in your browser!
258 lines (218 loc) • 7.78 kB
HTML
<html>
<!--
Copyright 2008 The Closure Library Authors. All Rights Reserved.
Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.dom.SavedCaretRange</title>
<script src="../base.js"></script>
<script>
goog.require('goog.userAgent');
goog.require('goog.dom');
goog.require('goog.dom.Range');
goog.require('goog.testing.dom');
goog.require('goog.testing.jsunit');
</script>
</head>
<body>
<div id='caretRangeTest'>
abc
<div id='def'>def</div>
ghi
<div id='jkl'>jkl</div>
mno
<div id='pqr'>pqr</div>
stu
</div>
<div id='caretRangeTest-2'>
abc
<div id='def-2'>def</div>
ghi
<div id='jkl-2'>jkl</div>
mno
<div id='pqr-2'>pqr</div>
stu
</div>
<div id='caretRangeTest-3'>
abc
<div id='def-3'>def</div>
ghi
<div id='jkl-3'>jkl</div>
mno
<div id='pqr-3'>pqr</div>
stu
</div>
<div id='removeContentsTest'>
abc
<div id='def-4'>def</div>
ghi
<div id='jkl-4'>jkl</div>
mno
<div id='pqr-4'>pqr</div>
stu
</div>
<div id='bug1480638'>foo<table><tr><td>bar</td></tr></table>baz</div>
<script>
function setUp() {
document.body.normalize();
}
/** @bug 1480638 */
function testSavedCaretRangeDoesntChangeSelection() {
// NOTE(nicksantos): We cannot detect this bug programatically. The only
// way to detect it is to run this test manually and look at the selection
// when it ends.
var div = goog.dom.getElement('bug1480638');
var range = goog.dom.Range.createFromNodes(
div.firstChild, 0, div.lastChild, 1);
range.select();
// Observe visible selection. Then move to next line and see it change.
// If the bug exists, it starts with "foo" selected and ends with
// it not selected.
//debugger;
var saved = range.saveUsingCarets();
}
function testSavedCaretRange() {
var parent = goog.dom.getElement('caretRangeTest');
var def = goog.dom.getElement('def');
var jkl = goog.dom.getElement('jkl');
var range = goog.dom.Range.createFromNodes(
def.firstChild, 1, jkl.firstChild, 2);
assertFalse(range.isReversed())
range.select();
var saved = range.saveUsingCarets();
assertHTMLEquals(
"d<span id='" + saved.startCaretId_ + "'></span>ef", def.innerHTML);
assertHTMLEquals(
"jk<span id='" + saved.endCaretId_ + "'></span>l", jkl.innerHTML);
goog.testing.dom.assertRangeEquals(
def.childNodes[1], 0, jkl.childNodes[1], 0,
saved.toAbstractRange());
def = goog.dom.getElement('def');
jkl = goog.dom.getElement('jkl');
var restoredRange = clearSelectionAndRestoreSaved(parent, saved);
assertFalse(restoredRange.isReversed())
goog.testing.dom.assertRangeEquals(
def, 1, jkl, 1, restoredRange);
var selection = goog.dom.Range.createFromWindow(window);
assertHTMLEquals('def', def.innerHTML);
assertHTMLEquals('jkl', jkl.innerHTML);
// def and jkl now contain fragmented text nodes.
if (goog.userAgent.WEBKIT || goog.userAgent.IE) {
goog.testing.dom.assertRangeEquals(
def.childNodes[1], 0, jkl.childNodes[0], 2, selection);
} else if (goog.userAgent.OPERA) {
goog.testing.dom.assertRangeEquals(
def.childNodes[1], 0, jkl.childNodes[1], 0, selection);
} else {
goog.testing.dom.assertRangeEquals(
def, 1, jkl, 1, selection);
}
}
function testReversedSavedCaretRange() {
var parent = goog.dom.getElement('caretRangeTest');
var def = goog.dom.getElement('def');
var jkl = goog.dom.getElement('jkl');
var range = goog.dom.Range.createFromNodes(
jkl.firstChild, 1, def.firstChild, 2);
assertTrue(range.isReversed())
range.select();
var saved = range.saveUsingCarets();
var restoredRange = clearSelectionAndRestoreSaved(parent, saved);
assertTrue(restoredRange.isReversed())
goog.testing.dom.assertRangeEquals(
def, 1, jkl, 1, restoredRange);
}
/*
TODO(user): Look into why removeCarets test doesn't pass.
function testRemoveCarets() {
var def = goog.dom.getElement('def');
var jkl = goog.dom.getElement('jkl');
var range = goog.dom.Range.createFromNodes(
def.firstChild, 1, jkl.firstChild, 2);
range.select();
var saved = range.saveUsingCarets();
assertHTMLEquals(
"d<span id='" + saved.startCaretId_ + "'></span>ef", def.innerHTML);
assertHTMLEquals(
"jk<span id='" + saved.endCaretId_ + "'></span>l", jkl.innerHTML);
saved.removeCarets();
assertHTMLEquals("def", def.innerHTML);
assertHTMLEquals("jkl", jkl.innerHTML);
var selection = goog.dom.Range.createFromWindow(window);
assertEquals('Wrong start node', def.firstChild, selection.getStartNode());
assertEquals('Wrong end node', jkl.firstChild, selection.getEndNode());
assertEquals('Wrong start offset', 1, selection.getStartOffset());
assertEquals('Wrong end offset', 2, selection.getEndOffset());
}
*/
function testRemoveContents() {
var def = goog.dom.getElement('def-4');
var jkl = goog.dom.getElement('jkl-4');
// Sanity check.
var container = goog.dom.getElement('removeContentsTest');
assertEquals(7, container.childNodes.length);
assertEquals('def', def.innerHTML);
assertEquals('jkl', jkl.innerHTML);
var range = goog.dom.Range.createFromNodes(
def.firstChild, 1, jkl.firstChild, 2);
range.select();
var saved = range.saveUsingCarets();
var restored = saved.restore();
restored.removeContents();
assertEquals(6, container.childNodes.length);
assertEquals('d', def.innerHTML);
assertEquals('l', jkl.innerHTML);
}
function testHtmlEqual() {
var parent = goog.dom.getElement('caretRangeTest-2');
var def = goog.dom.getElement('def-2');
var jkl = goog.dom.getElement('jkl-2');
var range = goog.dom.Range.createFromNodes(
def.firstChild, 1, jkl.firstChild, 2);
range.select();
var saved = range.saveUsingCarets();
var html1 = parent.innerHTML;
saved.removeCarets();
var saved2 = range.saveUsingCarets();
var html2 = parent.innerHTML;
saved2.removeCarets();
assertNotEquals('Same selection with different saved caret range carets ' +
'must have different html.', html1, html2);
assertTrue('Same selection with different saved caret range carets must ' +
'be considered equal by htmlEqual',
goog.dom.SavedCaretRange.htmlEqual(html1, html2));
saved.dispose();
saved2.dispose();
}
function testStartCaretIsAtEndOfParent() {
var parent = goog.dom.getElement('caretRangeTest-3');
var def = goog.dom.getElement('def-3');
var jkl = goog.dom.getElement('jkl-3');
var range = goog.dom.Range.createFromNodes(
def, 1, jkl, 1);
range.select();
var saved = range.saveUsingCarets();
clearSelectionAndRestoreSaved(parent, saved);
range = goog.dom.Range.createFromWindow();
assertEquals('ghijkl', range.getText().replace(/\s/g, ''));
}
/**
* Clear the selection by re-parsing the DOM. Then restore the saved
* selection.
* @param {Node} parent The node containing the current selection.
* @param {goog.dom.SavedRange} saved The saved range.
* @return {goog.dom.AbstractRange} Restored range.
*/
function clearSelectionAndRestoreSaved(parent, saved) {
goog.dom.Range.clearSelection();
assertFalse(goog.dom.Range.hasSelection(window));
var range = saved.restore();
assertTrue(goog.dom.Range.hasSelection(window));
return range;
}
</script>
</body>
</html>