<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">

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

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");