4dfb13b92c411cb8a70cae35cf5fbf8177e09465
[WebKit-https.git] / LayoutTests / editing / pasteboard / paste-and-sanitize.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <script src="../../fast/js/resources/js-test-pre.js"></script>
5 </head>
6 <body>
7 <p id="description">This test checks that the paste operation trims the pasted fragment to reduce the verbosity of the markup without affecting the style. </p>
8 <div id="console"></div>
9 <script>
10
11 var sel = document.getSelection();
12 var root = document.createElement("root");
13 document.body.appendChild(root);
14
15
16 function createEditable(tagName, markup) {
17     var node = document.createElement(tagName);
18     node.contentEditable = true;
19     node.innerHTML = markup;
20     return node;
21 }
22
23 function testPaste(tagName, originalMarkup, expected) {
24     var node = createEditable(tagName, originalMarkup);
25     root.appendChild(node);
26
27     node.focus();
28     document.execCommand("SelectAll", false);
29     document.execCommand("Copy", false);
30     document.execCommand("Paste", false);
31
32     confirmedMarkup = node.innerHTML;
33
34     shouldBe("confirmedMarkup", "'" + expected + "'");
35 }
36
37 testPaste("div", "Hello", "Hello");
38 testPaste("div", "<b><i>Hello</i></b>", "<b><i>Hello</i></b>");
39 testPaste("div", "<div><b><i><span style=\"font-weight: normal\"><b><i>Hello</i></b></span></i></b></div>", "<b><i>Hello</i></b>");
40 testPaste("div", "<div><div><div>Hello</div></div></div>", "Hello");
41 testPaste("div", "<div><b><div><i>Hello</i></div></b></div>", "<b><i>Hello</i></b>");
42 testPaste("div", "<div><div style=\"text-align: center;\"><b>Hello</b></div></div>", "<div style=\"text-align: center;\"><b>Hello</b></div>");
43 testPaste("div", "<div><b><i><span style=\"font-weight: normal\"><b><i>hello</i></b></span></i></b></div><div><b><i><span style=\"font-weight: normal\"><b><i>world</i></b></span></i></b></div>", 
44           "<div><b><i>hello</i></b></div><div><b><i>world</i></b></div>");
45 testPaste("div", "<div><b><i><span style=\"font-weight: normal; \"><b><i>hello1</i></b><b><i> hello2</i></b></span></i></b></div>", "<b><i><span style=\"font-weight: normal; \"><b><i>hello1</i></b><b><i>&nbsp;hello2</i></b></span></i></b>");
46 testPaste("div", "<i style=\"margin: 10px;\"><b><i style=\"margin: 10px;\">hello</i></b></i>",
47           "<i style=\"margin: 10px; \">hello</i></b></i>");
48 testPaste("div", "<div><b><i><span style=\"font-weight: normal\"><b><i>Hello <!-- comment -->world</i></b></span></i></b></div>", "<b><i>Hello&nbsp;world</i></b>");
49 testPaste("div", "<div><b><i><span style=\"font-weight: normal\">plain text<b><i>bold italic text</i></b></span></i></b></div>", "<b><i><span style=\"font-weight: normal; \">plain text<b><i>bold italic text</i></b></span></i></b>");
50
51 root.style.display = "none";
52
53 </script>
54 <script src="../../fast/js/resources/js-test-post.js"></script>
55 </body>
56 </html>