<!doctype html>
<title>CSS Test: @namespace in CSSOM is not severely broken</title>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1464865">
<link rel="help" href="https://drafts.csswg.org/cssom/#insert-a-css-rule">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style id="s">
  div { color: green }
</style>
<div>Should be green</div>
<script>
test(function() {
  assert_throws("InvalidStateError", function() {
    s.sheet.insertRule('@namespace myhtml url("http://www.w3.org/1999/xhtml")', 0);
  });
  assert_equals(s.sheet.cssRules.length, 1, "Shouldn't have been inserted");
  assert_throws("SyntaxError", function() {
    s.sheet.insertRule("myhtml|div { color: red !important }", 0);
  });
  assert_equals(s.sheet.cssRules.length, 1);
  assert_equals(
    getComputedStyle(document.querySelector("div")).color,
    "rgb(0, 128, 0)",
    "Namespace shouldn't be registered"
  );
});
</script>