textContent="" should clear all child nodes (#244)

* textContent="" should clear all child nodes

* fixed typo in assert msg

cjs/interface/element.js

@@ -190,7 +190,7 @@ class Element extends ParentNode {
 
   set textContent(text) {
     this.replaceChildren();
-    if (text != null)
+    if (text != null && text !== '')
       this.appendChild(new Text(this.ownerDocument, text));
   }
 

esm/interface/element.js

@@ -192,7 +192,7 @@ export class Element extends ParentNode {
 
   set textContent(text) {
     this.replaceChildren();
-    if (text != null)
+    if (text != null && text !== '')
       this.appendChild(new Text(this.ownerDocument, text));
   }
 

test/interface/text.js

@@ -15,6 +15,9 @@ assert(node.toString(), '<div><p></p></div>', 'before after not affected');
 node.firstChild.textContent = '<test>';
 assert(node.toString(), '<div><p>&lt;test&gt;</p></div>', 'before after not affected');
 node.firstChild.textContent = '';
+assert(node.firstChild.childNodes.length, 0, 'there should be no leftovers when clearing content with textContent=""')
+assert(node.firstChild.firstChild, null, 'textContent empty string clears children')
+assert(node.firstChild.textContent, '', 'textContent was set empty string')
 assert(node.toString(), '<div><p></p></div>', 'before after not affected');
 node.firstChild.textContent = '0';
 assert(node.firstChild.firstChild.nodeValue, '0', 'zero as nodeValue')
@@ -23,7 +26,9 @@ node.firstChild.textContent = null;
 assert(node.firstChild.firstChild, null, 'textContent null clears all children and keeps childNodes empty')
 assert(node.toString(), '<div><p></p></div>', 'null clears all children but does not set node');
 node.firstChild.textContent = '';
-assert(node.firstChild.firstChild.nodeValue, '', 'textContent empty string clears all children and contains single child with empty text')
+assert(node.firstChild.childNodes.length, 0, 'there should be no leftovers when clearing content with textContent=""')
+assert(node.firstChild.firstChild, null, 'textContent empty string clears children')
+assert(node.firstChild.textContent, '', 'textContent was set empty string')
 assert(node.toString(), '<div><p></p></div>', 'empty text node as text');
 node.firstChild.textContent = undefined;
 assert(node.firstChild.firstChild, null, 'textContent undefined clears all children and keeps childNodes empty')

worker.js

@@ -7738,7 +7738,7 @@ let Element$1 = class Element extends ParentNode {
 
   set textContent(text) {
     this.replaceChildren();
-    if (text != null)
+    if (text != null && text !== '')
       this.appendChild(new Text$1(this.ownerDocument, text));
   }