`doc.write` is not working as browsers #3700

aralroca · 2024-04-02T09:07:09Z

Related with #3699

Basic info:

Node.js version: v21.6.2
jsdom version: 24.0.0

Minimal reproduction case

In Node:

Install jsdom
Run this code

const { JSDOM } = require("jsdom");

const dom = new JSDOM("<!DOCTYPE html><html><body></body></html>");
global.document = dom.window.document;
global.window = dom.window;

(async () => {
  const doc = document.implementation.createHTMLDocument();
  const encoder = new TextEncoder();
  const decoder = new TextDecoder();
  const readable = new ReadableStream({ start: (controller) => {
    controller.enqueue(encoder.encode('<div>'));
    controller.enqueue(encoder.encode('text a'));
    controller.enqueue(encoder.encode("text c"));
    controller.enqueue(encoder.encode("</div>"));
    controller.close();
  }});
  const reader = readable.getReader();

  while(true) {
      const { done, value } = await reader.read();
      if(done) break
      doc.write(decoder.decode(value));
      console.log(doc.documentElement.outerHTML)
  }
})();

In JSDOM:

<html><head></head><body><div></div></body></html>
<html><head></head><body><div>text a</div></body></html>
<html><head></head><body><div>text c</div></body></html>

How does similar code behave in browsers?

To reproduce in browsers:

Open devtools
Paste this code

const doc = document.implementation.createHTMLDocument();
const encoder = new TextEncoder();
const decoder = new TextDecoder();
const readable = new ReadableStream({ start: (controller) => {
  controller.enqueue(encoder.encode('<div>'));
  controller.enqueue(encoder.encode('text a'));
  controller.enqueue(encoder.encode("text c"));
  controller.enqueue(encoder.encode("</div>"));
  controller.close();
}});
const reader = readable.getReader();

while(true) {
    const { done, value } = await reader.read();
    if(done) break
    doc.write(decoder.decode(value));
    console.log(doc.documentElement.outerHTML)
}

In Chrome:

<html><head></head><body><div></div></body></html>
<html><head></head><body><div>text a</div></body></html>
<html><head></head><body><div>text atext c</div></body></html>

In Safari:

<html><head></head><body><div></div></body></html>
<html><head></head><body><div>text a</div></body></html>
<html><head></head><body><div>text atext c</div></body></html>

In Firefox:

<html><head></head><body><div></div></body></html>
<html><head></head><body><div>text a</div></body></html>
<html><head></head><body><div>text atext c</div></body></html>

The text was updated successfully, but these errors were encountered:

aralroca mentioned this issue Apr 2, 2024

doc.write is not working as browsers #3699

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

`doc.write` is not working as browsers #3700

`doc.write` is not working as browsers #3700

doc.write is not working as browsers #3700

doc.write is not working as browsers #3700

Comments

Basic info:

Minimal reproduction case

In Node:

How does similar code behave in browsers?

To reproduce in browsers:

`doc.write` is not working as browsers #3700

`doc.write` is not working as browsers #3700