mirror of
https://github.com/classilla/tenfourfox.git
synced 2026-03-14 12:16:32 +00:00
45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Selection dragging should drag minimal HTML context</title>
|
|
<style type="text/css">
|
|
p + div {
|
|
background: orange;
|
|
width: 4em;
|
|
}
|
|
div + div {
|
|
border: 1px solid black;
|
|
min-height: 5em;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
window.onload = function () {
|
|
var output = document.getElementsByTagName('div')[1];
|
|
output.ondragenter = output.ondragover = function (e) { e.preventDefault(); };
|
|
output.ondrop = function (e) {
|
|
e.preventDefault();
|
|
var drophtml = e.dataTransfer.getData('text/html').toUpperCase().replace(/\sSTYLE="[^"]*"/g,'').replace(/[\r\n]+/g,'\\n');
|
|
var droptext = e.dataTransfer.getData('text/plain').replace(/[\r\n]+/g,'\\n');
|
|
var expectedhtml = '<P><SPAN>C</SPAN>D</P><P>E<SPAN>F</SPAN></P>';
|
|
var expectedtext = 'CD\\nEF';
|
|
if( drophtml != expectedhtml ) {
|
|
output.innerHTML = 'FAIL - normalised dropped HTML was:<br>'+drophtml.replace(/</g,'<');
|
|
} else if( droptext != expectedtext ) {
|
|
output.innerHTML = 'FAIL - normalised dropped text was:<br>'+droptext.replace(/</g,'<');
|
|
} else {
|
|
output.innerHTML = 'PASS';
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<p>Select the text from "C" to "F" (including both of those characters) in the text below.</p>
|
|
<div>
|
|
<p><span>A</span><span>BC</span>D</p><p>E<span>FG</span><span>H</span></p>
|
|
</div>
|
|
<div>Drag the selection and drop it here.</div>
|
|
|
|
</body>
|
|
</html> |