public/browser
1
0
Fork 0
mirror of https://github.com/lightpanda-io/browser.git synced 2025-10-29 15:13:28 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

improve insertAdjacentHTML test

Browse Source
This commit is contained in:
nikneym
2025-09-25 14:42:58 +03:00
parent 3eb0d57d5b
commit b7ba993ba6
1 changed files with 31 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/tests/dom/element.html
View File

@@ -290,16 +290,39 @@
testing.expectEqual("stylesheet", linkElement.rel); testing.expectEqual("stylesheet", linkElement.rel);
</script> </script>
<!-- This structure will get mutated by insertAdjacentHTML test -->
<div id="insert-adjacent-html-outer-wrapper">
<div id="insert-adjacent-html-inner-wrapper">
<span></span>
<p>content</p>
</div>
</div>
<script id=insertAdjacentHTML> <script id=insertAdjacentHTML>
const el4 = document.createElement("div"); // Insert "beforeend".
const wrapper = document.querySelector("div#insert-adjacent-html-inner-wrapper");
wrapper.insertAdjacentHTML("beforeend", "<h1>title</h1>");
let newElement = wrapper.lastElementChild;
testing.expectEqual("H1", newElement.tagName);
testing.expectEqual("title", newElement.innerText);
const el5 = document.createElement("span"); // Insert "beforebegin".
el4.appendChild(el5); wrapper.insertAdjacentHTML("beforebegin", "<h2>small title</h2>");
newElement = wrapper.previousElementSibling;
testing.expectEqual("H2", newElement.tagName);
testing.expectEqual("small title", newElement.innerText);
const el6 = document.createElement("p"); // Insert "afterend".
el6.innerText = "content"; wrapper.insertAdjacentHTML("afterend", "<div id=\"afterend\">after end</div>");
el4.appendChild(el6); newElement = wrapper.nextElementSibling;
testing.expectEqual("DIV", newElement.tagName);
testing.expectEqual("after end", newElement.innerText);
testing.expectEqual("afterend", newElement.id);
el5.insertAdjacentHTML("beforebegin", "<h1>title</h1>"); // Insert "afterbegin".
testing.expectEqual("<h1>title</h1><span></span><p>content</p>", el4.innerHTML); wrapper.insertAdjacentHTML("afterbegin", "<div class=\"afterbegin\">after begin</div><yy></yy>");
newElement = wrapper.firstElementChild;
testing.expectEqual("DIV", newElement.tagName);
testing.expectEqual("after begin", newElement.innerText);
testing.expectEqual("afterbegin", newElement.className);
</script> </script>