at-namespace.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/cssom/at-namespace.html - WPT Dashboard Interop Dashboard

<!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_dom("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_dom("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>