createlink-with-selecting-img.html (1080B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Test document.execCommand("createLink") when selecting an img element</title> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="../include/editor-test-utils.js"></script> 9 <script> 10 "use strict"; 11 12 addEventListener("load", () => { 13 const editingHost = document.querySelector("div[contenteditable]"); 14 editingHost.focus(); 15 const utils = new EditorTestUtils(editingHost); 16 for (const imgDisplay of ["inline", "block", "inline-block"]) { 17 test(t => { 18 utils.setupEditingHost(`{<img src="/img/lion.svg" style="display:${imgDisplay}">}`); 19 document.execCommand("createLink", false, "foo.html"); 20 utils.normalizeStyleAttributeValues(); 21 assert_equals( 22 editingHost.innerHTML, 23 `<a href="foo.html"><img src="/img/lion.svg" style="display:${imgDisplay}"></a>` 24 ); 25 }, `createLink should wrap the <img style="display:${imgDisplay}>"`); 26 } 27 }); 28 </script> 29 </head> 30 <body> 31 <div contenteditable></div> 32 </body> 33 </html>