summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-cascade/import-removal.html
blob: 6fb1ea345814f056baa8cb0a07ff2cc1e231d836 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<meta charset="utf-8">
<title></title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-cascade/#at-import">
<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=235930">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="Checks that the page is rendered correctly when @import rule is removed with JS.">
<p>Test passes if there is a filled green square.</p>
<div style="width:100px; height:100px;"></div>
<script>
const style = document.createElement("style");
document.head.append(style);
const {sheet} = style;
sheet.insertRule("@import url('data:text/css,div { background: red !important }');");
sheet.insertRule("div { background: green }", 1);
sheet.deleteRule(0);
</script>