blob: 4f89f73aa74288c83bfd433f6dfecfccd14bfe8d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<!doctype html>
<title>CSS Cascade IDL tests</title>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layer-apis">
<link rel="help" href="https://drafts.csswg.org/css-cascade-6/#scoped-styles">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/WebIDLParser.js"></script>
<script src="/resources/idlharness.js"></script>
<style>
@layer bar, baz;
@import url('data:text/css,') layer(qux);
@layer foo { }
@scope (div) to (span) { }
</style>
<script>
'use strict';
idl_test(
['css-cascade', 'css-cascade-6'],
['cssom'],
idl_array => {
try {
self.statement = document.styleSheets[0].cssRules.item(0);
self.layeredImport = document.styleSheets[0].cssRules.item(1);
self.block = document.styleSheets[0].cssRules.item(2);
self.scope = document.styleSheets[0].cssRules.item(3);
} catch (e) {
// Will be surfaced when any rule is undefined below.
}
idl_array.add_objects({
CSSLayerBlockRule: ['block'],
CSSLayerStatementRule: ['statement'],
CSSImportRule: ['layeredImport'],
CSSScopeRule: ['scope'],
});
}
);
</script>
|
