wpt / css / cssom / CSSStyleSheet-modify-after-removal.html

Status: FAIL | Duration: 57ms | Subtests: 0/2 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/2)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Modify sheet from removed iframeFAILcannot convert 'null' or 'undefined' to object
Modify constructed sheet from removed iframeFAILcannot convert 'null' or 'undefined' to object

/css/cssom/CSSStyleSheet-modify-after-removal.html

<!doctype html>
<title>CSS Test: CSSStyleSheet modifications after removal</title>
<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssstylesheet-interface">
<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssrule-interface">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<iframe id="frm"></iframe>
<iframe id="frm2"></iframe>
<script>
  test(() => {
    frm.contentDocument.body.innerHTML = "<style>div {color:red}</style>";
    let sheet = frm.contentDocument.querySelector("style").sheet;
    assert_equals(sheet.cssRules.length, 1);
    frm.remove();
    document.body.offsetTop;
    sheet.insertRule("span {color: green}", 0);
    assert_equals(sheet.cssRules.length, 2);
  }, "Modify sheet from removed iframe");

  test(() => {
    frm2.contentWindow.eval("let sheet = new CSSStyleSheet(); document.adoptedStyleSheets = [ sheet ];");
    let sheet = frm2.contentDocument.adoptedStyleSheets[0];
    assert_equals(sheet.cssRules.length, 0);
    frm2.remove();
    document.body.offsetTop;
    sheet.insertRule("span {color: green}", 0);
    assert_equals(sheet.cssRules.length, 1);
  }, "Modify constructed sheet from removed iframe");
</script>