diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/base/test/test_htmlcopyencoder.xhtml | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/base/test/test_htmlcopyencoder.xhtml')
-rw-r--r-- | dom/base/test/test_htmlcopyencoder.xhtml | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/dom/base/test/test_htmlcopyencoder.xhtml b/dom/base/test/test_htmlcopyencoder.xhtml new file mode 100644 index 0000000000..8740a54f02 --- /dev/null +++ b/dom/base/test/test_htmlcopyencoder.xhtml @@ -0,0 +1,179 @@ +<!DOCTYPE HTML> +<html xmlns="http://www.w3.org/1999/xhtml"> +<!-- +--> +<head> + <title>Test the html copy encoder with XHTML</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> +</head> +<body> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=422403">Mozilla Bug </a> +<p id="display"></p> +<div id="content" style="display: none"> +</div> +<pre id="test"> +<script class="testbody" type="text/javascript"> +//<![CDATA[ +function testHtmlCopyEncoder () { + const de = SpecialPowers.Ci.nsIDocumentEncoder; + var encoder = SpecialPowers.Cu.createHTMLCopyEncoder(); + var out, expected; + + var node = document.getElementById('draggable'); + + + // in the following tests, we must use the OutputLFLineBreak flag, to avoid + // to have the default line break of the platform in the result, so the test + // can pass on all platform + + + encoder.init(document, "text/html", de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setContainerNode(node); + out = encoder.encodeToString(); + expected = 'This is a <em>draggable</em> <br>bit of text.'; + is(out, expected, "test container node "); + + encoder.init(document, "text/html", de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setNode(node); + out = encoder.encodeToString(); + expected = "<div id=\"draggable\" ondragstart=\"doDragStartSelection(event)\">This is a <em>draggable</em> <br>bit of text.</div>"; + is(out, expected, "test node"); + + var select = window.getSelection(); + select.selectAllChildren(node); + + encoder.init(document, "text/html", de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = "<div style=\"display: none;\">\n\n<div id=\"draggable\" ondragstart=\"doDragStartSelection(event)\">This is a <em>draggable</em> <br>bit of text.</div>\n\n</div>"; + todo_is(out, expected, "test selection"); + + node.nextSibling.data="\nfoo bar\n"; + encoder.init(document, "text/html", de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = "<div id=\"draggable\" ondragstart=\"doDragStartSelection(event)\">This is a <em>draggable</em>\n <br>bit of text.</div>"; + todo_is(out, expected, "test selection with additional data"); + + node = document.getElementById('aList'); + + var select = window.getSelection(); + select.selectAllChildren(node); + + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<ol id=\"aList\">\n <li>Lorem ipsum dolor</li>\n <li>sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus \naliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>'; + todo_is(out, expected, "test list selection"); + + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setContainerNode(node); + out = encoder.encodeToString(); + expected = '\n <li>Lorem ipsum dolor</li>\n <li>sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n'; + is(out, expected, "test list container node"); + + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setNode(node); + out = encoder.encodeToString(); + expected = "<ol id=\"aList\">\n <li>Lorem ipsum dolor</li>\n <li>sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>"; + is(out, expected, "test list node"); + + var liList = node.getElementsByTagName("li"); + var range = document.createRange(); + + // selection start at the first child of the ol, and end after the element ol + range.setStart(node, 1); + range.setEnd(node.parentNode, 2); + select.removeAllRanges(); + select.addRange(range); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<ol id="aList">\n <li>Lorem ipsum dolor</li>\n <li>sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>'; + todo_is(out, expected, "test list selection with range: selection start at the first child of the ol, and end after the element ol"); + + // selection start at the third child of the ol, and end after the element ol + range.setStart(node, 3); + range.setEnd(node.parentNode, 2); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<ol id="aList"><li value=\"2\">sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>'; + todo_is(out, expected, "test list selection with range: selection start at the third child of the ol, and end after the element ol"); + + + // selection start at the third child of the ol, and end after the element ol + ol start at the value 5 + range.setStart(node, 3); + range.setEnd(node.parentNode, 2); + node.setAttribute("start","5"); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<ol start=\"5\" id=\"aList\"><li value=\"6\">sit amet, <strong>consectetuer</strong>\n </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>'; + todo_is(out, expected, "test list selection with range: selection start at the third child of the ol, and end after the element ol + ol start at the value 5"); + + + // selection contains only some child of the ol + node.removeAttribute("start"); + range.setStart(node, 3); + range.setEnd(node, 5); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<li>sit amet, <strong>consectetuer</strong> </li>\n '; + todo_is(out, expected, "test list selection with range: selection contains only some child of the ol"); + + // selection contains only some child of the ol + ol start at the value 5 + node.setAttribute("start","5"); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<li>sit amet, <strong>consectetuer</strong> </li>\n '; + todo_is(out, expected, "test list selection with range: selection contains only some child of the ol + ol start at the value 5"); + + + // selection contains only some child of the ol + a value is set on the first li + node.removeAttribute("start"); + liList[0].setAttribute("value","8"); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<li>sit amet, <strong>consectetuer</strong> </li>\n '; + todo_is(out, expected, "test list selection: contains only some child of the ol + a value is set on the first li"); + + select.selectAllChildren(node); + encoder.init(document, "text/html",de.OutputLFLineBreak | de.OutputSelectionOnly); + encoder.setSelection(select); + out = encoder.encodeToString(); + expected = '<ol id=\"aList\">\n <li value=\"8\">Lorem ipsum dolor</li>\n <li>sit amet, <strong>consectetuer</strong> </li>\n <li>adipiscing elit</li>\n <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus \naliquet lectus. Nunc vitae eros. Class</li>\n <li>aptent taciti</li>\n</ol>'; + todo_is(out, expected, "test list selection with a value on a LI"); + + SimpleTest.finish(); +} + + +SimpleTest.waitForExplicitFinish(); + +addLoadEvent(testHtmlCopyEncoder); +//]]> +</script> +</pre> +<div style="display: none"> + +<div id="draggable" ondragstart="doDragStartSelection(event)">This is a <em>draggable</em> <br/>bit of text.</div> + +</div> +<div style="display: none"> + +<ol id="aList"> + <li>Lorem ipsum dolor</li> + <li>sit amet, <strong>consectetuer</strong> </li> + <li>adipiscing elit</li> + <li>Nam eu sapien. Sed viverra lacus. Donec quis ipsum. Nunc cursus aliquet lectus. Nunc vitae eros. Class</li> + <li>aptent taciti</li> +</ol> +foo bar +</div> +</body> +</html> |