From e6cbae4ee3cc493a3c28ee62efa7a403391d7ab6 Mon Sep 17 00:00:00 2001
From: Sean Doyle <sean.p.doyle24@gmail.com>
Date: Wed, 20 Nov 2024 13:58:46 -0500
Subject: [PATCH] Add test coverage for CSP-`<style>` integration

Follow-up to [#1151][]. Add unit test coverage for the
`installDefaultCSSForTagName` functions support for both `meta[content]`
and `meta[nonce]` attribute support.

[#1151]: https://github.com/basecamp/trix/pull/1151
---
 src/test/unit.js                              |  1 +
 src/test/unit/helpers/custom_elements_test.js | 55 +++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 src/test/unit/helpers/custom_elements_test.js

diff --git a/src/test/unit.js b/src/test/unit.js
index 81da21ac8..f5b034383 100644
--- a/src/test/unit.js
+++ b/src/test/unit.js
@@ -5,6 +5,7 @@ import "test/unit/composition_test"
 import "test/unit/document_test"
 import "test/unit/document_view_test"
 import "test/unit/html_parser_test"
+import "test/unit/helpers/custom_elements_test"
 import "test/unit/location_mapper_test"
 import "test/unit/mutation_observer_test"
 import "test/unit/serialization_test"
diff --git a/src/test/unit/helpers/custom_elements_test.js b/src/test/unit/helpers/custom_elements_test.js
new file mode 100644
index 000000000..962b30750
--- /dev/null
+++ b/src/test/unit/helpers/custom_elements_test.js
@@ -0,0 +1,55 @@
+import { assert, test, testGroup } from "test/test_helper"
+import { installDefaultCSSForTagName, makeElement } from "trix/core/helpers"
+
+let meta = null
+
+const insertMeta = (attributes) => {
+  meta = makeElement("meta", attributes)
+  document.head.append(meta)
+}
+
+const installDefaultCSS = (tagName, css) => {
+  installDefaultCSSForTagName(tagName, css)
+
+  return document.querySelector(`style[data-tag-name=${tagName}]`)
+}
+
+const teardown = () => meta.remove()
+
+testGroup("Helpers: Custom Elements", { teardown }, () => {
+  test("reads from meta[name=csp-nonce][content]", () => {
+    insertMeta({ name: "csp-nonce", content: "abc123" })
+
+    const style = installDefaultCSS("trix-element", "trix-element { display: block; }")
+
+    assert.equal(style.getAttribute("nonce"), "abc123")
+    assert.equal(style.innerHTML, "trix-element { display: block; }")
+  })
+
+  test("reads from meta[name=trix-csp-nonce][content]", () => {
+    insertMeta({ name: "trix-csp-nonce", content: "abc123" })
+
+    const style = installDefaultCSS("trix-element", "trix-element { display: block; }")
+
+    assert.equal(style.getAttribute("nonce"), "abc123")
+    assert.equal(style.innerHTML, "trix-element { display: block; }")
+  })
+
+  test("reads from meta[name=csp-nonce][nonce]", () => {
+    insertMeta({ name: "csp-nonce", nonce: "abc123" })
+
+    const style = installDefaultCSS("trix-element", "trix-element { display: block; }")
+
+    assert.equal(style.getAttribute("nonce"), "abc123")
+    assert.equal(style.innerHTML, "trix-element { display: block; }")
+  })
+
+  test("reads from meta[name=trix-csp-nonce][nonce]", () => {
+    insertMeta({ name: "trix-csp-nonce", nonce: "abc123" })
+
+    const style = installDefaultCSS("trix-element", "trix-element { display: block; }")
+
+    assert.equal(style.getAttribute("nonce"), "abc123")
+    assert.equal(style.innerHTML, "trix-element { display: block; }")
+  })
+})