cssimportrule-parent.html

Enable keyboard shortcuts

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

<!doctype html>

<title>CSSImportRule correctly unlinks its child stylesheet from its parent</title>

<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssimportrule-interface">

<style>

  @import "data:text/css,:root{background:red}";

</style>

<script>

let t = async_test("@import stylesheet is properly unlinked from parent after removal");

window.onload = t.step_func_done(function() {

  let sheet = document.styleSheets[0];

  let childSheet = sheet.cssRules[0].styleSheet;

  assert_not_equals(childSheet, null, "@import rule should have a stylesheet");

  assert_equals(childSheet.parentStyleSheet, sheet, "@import rule should the correct parent");

  sheet.deleteRule(0);

  assert_equals(childSheet.parentStyleSheet, null, "@import rule should be correctly unlinked");

});

</script>