From 5ca8264d731f2cfabb60e8fbe815b47d6360e437 Mon Sep 17 00:00:00 2001
From: Tanner <tannercdolby@gmail.com>
Date: Sat, 13 Apr 2024 01:41:24 -0700
Subject: [PATCH] Allow copy to clipboard in interactive examples

---
 kumascript/macros/EmbedInteractiveExample.ejs          |  2 +-
 .../tests/macros/EmbedInteractiveExample.test.ts       | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/kumascript/macros/EmbedInteractiveExample.ejs b/kumascript/macros/EmbedInteractiveExample.ejs
index 19dc9d8d6323..d8a28c27037f 100644
--- a/kumascript/macros/EmbedInteractiveExample.ejs
+++ b/kumascript/macros/EmbedInteractiveExample.ejs
@@ -58,4 +58,4 @@ const text = mdn.localStringMap({
 
 %>
 <h2><%=text["title"]%></h2>
-<iframe class="interactive <%= heightClass %>" height="200" src="<%= url %>" title="MDN Web Docs Interactive Example"></iframe>
+<iframe class="interactive <%= heightClass %>" height="200" src="<%= url %>" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>
diff --git a/kumascript/tests/macros/EmbedInteractiveExample.test.ts b/kumascript/tests/macros/EmbedInteractiveExample.test.ts
index 4c67a6cab68d..fe42c25254f5 100644
--- a/kumascript/tests/macros/EmbedInteractiveExample.test.ts
+++ b/kumascript/tests/macros/EmbedInteractiveExample.test.ts
@@ -8,7 +8,7 @@ describeMacro("EmbedInteractiveExample", function () {
     return assert.eventually.equal(
       macro.call("pages/css/animation.html"),
       `<h2>Try it</h2>
-<iframe class="interactive is-default-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/css/animation.html" title="MDN Web Docs Interactive Example"></iframe>`
+<iframe class="interactive is-default-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/css/animation.html" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>`
     );
   });
   itMacro("Changes in settings and argument are reflected", function (macro) {
@@ -18,7 +18,7 @@ describeMacro("EmbedInteractiveExample", function () {
     return assert.eventually.equal(
       macro.call("pages/http/headers.html"),
       `<h2>Try it</h2>
-<iframe class="interactive is-default-height" height="200" src="https://www.fleetwood-mac.com/pages/http/headers.html" title="MDN Web Docs Interactive Example"></iframe>`
+<iframe class="interactive is-default-height" height="200" src="https://www.fleetwood-mac.com/pages/http/headers.html" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>`
     );
   });
   itMacro(
@@ -30,7 +30,7 @@ describeMacro("EmbedInteractiveExample", function () {
       return assert.eventually.equal(
         macro.call("/pages/css/animation.html"),
         `<h2>Try it</h2>
-<iframe class="interactive is-default-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/css/animation.html" title="MDN Web Docs Interactive Example"></iframe>`
+<iframe class="interactive is-default-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/css/animation.html" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>`
       );
     }
   );
@@ -41,7 +41,7 @@ describeMacro("EmbedInteractiveExample", function () {
     return assert.eventually.equal(
       macro.call("pages/js/expressions-conditionaloperators.html"),
       `<h2>Try it</h2>
-<iframe class="interactive is-js-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/js/expressions-conditionaloperators.html" title="MDN Web Docs Interactive Example"></iframe>`
+<iframe class="interactive is-js-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/js/expressions-conditionaloperators.html" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>`
     );
   });
   itMacro("An extra class can be passed as an argument", function (macro) {
@@ -51,7 +51,7 @@ describeMacro("EmbedInteractiveExample", function () {
     return assert.eventually.equal(
       macro.call("pages/http/headers.html", "taller"),
       `<h2>Try it</h2>
-<iframe class="interactive is-taller-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/http/headers.html" title="MDN Web Docs Interactive Example"></iframe>`
+<iframe class="interactive is-taller-height" height="200" src="https://interactive-examples.mdn.mozilla.net/pages/http/headers.html" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe>`
     );
   });
 });