fix(markdoc): correctly render boolean HTML attributes (#12584)

2 files changed, 9 insertions, 0 deletions

diff --git a/packages/integrations/markdoc/test/fixtures/render-html/src/content/blog/simple.mdoc b/packages/integrations/markdoc/test/fixtures/render-html/src/content/blog/simple.mdoc
index eaea6646a..30b9b7f8f 100644
--- a/packages/integrations/markdoc/test/fixtures/render-html/src/content/blog/simple.mdoc
+++ b/packages/integrations/markdoc/test/fixtures/render-html/src/content/blog/simple.mdoc
@@ -9,3 +9,7 @@ This is a simple Markdoc <span class="post-class" style="color: hotpink;">post</
 <p>This is a paragraph!</p>
 
 <p>This is a <span class="inside-p">span</span> inside a paragraph!</p>
+
+<video
+	src="https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExejZnbmN6ODlxOWk2djVmcnFkMjIwbmFnZGFtZ2J4aG52dzVvbjJlaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/H1vJZzQAiILUUq0FUL/giphy.mp4"
+	autoplay muted></video>
\ No newline at end of file
diff --git a/packages/integrations/markdoc/test/render-html.test.js b/packages/integrations/markdoc/test/render-html.test.js
index 6f877d1e5..5bf7fe5ce 100644
--- a/packages/integrations/markdoc/test/render-html.test.js
+++ b/packages/integrations/markdoc/test/render-html.test.js
@@ -123,6 +123,11 @@ function renderSimpleChecks(html) {
 	const p3 = document.querySelector('article > p:nth-of-type(3)');
 	assert.equal(p3.children.length, 1);
 	assert.equal(p3.textContent, 'This is a span inside a paragraph!');
+
+	const video = document.querySelector('video');
+	assert.ok(video, 'A video element should exist');
+	assert.ok(video.hasAttribute('autoplay'), 'The video element should have the autoplay attribute');
+	assert.ok(video.hasAttribute('muted'), 'The video element should have the muted attribute');
 }
 
 /** @param {string} html */