2 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check-recursive-import.html b/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check-recursive-import.html
new file mode 100644
index 0000000000..c0053f1f29
--- /dev/null
+++ b/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check-recursive-import.html
@@ -0,0 +1,15 @@
+<!-- quirks -->
+<title>Origin check for stylesheet with non-CSS MIME type quirk: recursive @import</title>
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1477672">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1850965">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+setup({ single_test: true });
+let errors = 0;
+onload = () => {
+  assert_equals(errors, 1);
+  done();
+};
+</script>
+<link rel="stylesheet" href="data:/,@import url('x/');" onerror="errors++">
diff --git a/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check.html b/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check.html
new file mode 100644
index 0000000000..89adcb428f
--- /dev/null
+++ b/testing/web-platform/tests/html/links/stylesheet/quirk-origin-check.html
@@ -0,0 +1,13 @@
+<!-- quirks -->
+<title>Origin check for stylesheet with non-CSS MIME type quirk</title>
+<link rel="stylesheet" href="data:text/plain,.test { background: red }">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<p class=test>There should be no red.</p>
+<script>
+setup({ single_test: true });
+onload = () => {
+  assert_equals(getComputedStyle(document.querySelector('.test')).backgroundColor, 'rgba(0, 0, 0, 0)');
+  done();
+};
+</script>