firefox-main/dom/serializers/tests/mochitest/test_htmlcopyencoder_list.html (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<title>Test on the html copy encoder for table selection</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none"></div>
<div id="container">
<ul>
<li>Item1</li>
<li><span>Item2</span></li>
<li><div>Item3</div></li>
<li><ol><li>SubItem1</li></ol></li>
<li><ol><li><span>SubItem2</span></li><li><div>SubItem3</div></li></ol></li>
<div><li>ItemInDiv1</li></div>
<span><li>ItemInSpan1</li></span>
<div><li><span>ItemInDiv1</span></li></div>
</ul>
</div>
<script>
/* global describe, it, beforeEach */
const TESTS = [
{
selector: `ul li`,
expectedResult: `<li>Item1</li>`,
expectedContext: `<html><body><div id="container"><ul></ul></div></body></html>`,
}, {
selector: `ul li span`,
expectedResult: `<span>Item2</span>`,
expectedContext: `<html><body><div id="container"><ul><li></li></ul></div></body></html>`,
}, {
selector: `ul li div`,
expectedResult: `<div>Item3</div>`,
expectedContext: `<html><body><div id="container"><ul><li></li></ul></div></body></html>`,
}, {
selector: `ul ol li`,
expectedResult: `<li>SubItem1</li>`,
expectedContext: `<html><body><div id="container"><ul><li><ol></ol></li></ul></div></body></html>`,
}, {
selector: `ul ol li span`,
expectedResult: `<span>SubItem2</span>`,
expectedContext: `<html><body><div id="container"><ul><li><ol><li></li></ol></li></ul></div></body></html>`,
}, {
selector: `ul ol li div`,
expectedResult: `<div>SubItem3</div>`,
expectedContext: `<html><body><div id="container"><ul><li><ol><li value="2"></li></ol></li></ul></div></body></html>`,
}, {
selector: `ul span li`,
expectedResult: `<span><li>ItemInSpan1</li></span>`,
expectedContext: `<html><body><div id="container"><ul><span></span></ul></div></body></html>`,
}, {
selector: `ul div span`,
expectedResult: `<span>ItemInDiv1</span>`,
expectedContext: `<html><body><div id="container"><ul><div><li></li></div></ul></div></body></html>`,
},
];
const de = SpecialPowers.Ci.nsIDocumentEncoder;
const encoder = SpecialPowers.Cu.createHTMLCopyEncoder();
TESTS.forEach(testCase => {
it(`Selector: ${testCase.selector}`, () => {
info("Select nodes");
const selection = window.getSelection();
selection.removeAllRanges();
const range = document.createRange();
selection.addRange(range);
const target = document.querySelector(testCase.selector);
range.selectNode(target);
info("Initialize encoder");
encoder.init(document, "text/html", 0);
encoder.setSelection(selection);
info("Check result");
let htmlContext = { value: '' };
let htmlInfo = { value: '' };
is(encoder.encodeToStringWithContext(htmlContext, htmlInfo), testCase.expectedResult,
`Check serialized output`);
is(htmlContext.value, testCase.expectedContext, `Check serialized context`);
is(htmlInfo.value, `0,0`, `Check serialized info`);
});
});
</script>
</body>
</html>