Repository navigation
Expand file tree
/
Copy pathCSSGroupingRule-insertRule.html
More file actions
118 lines (96 loc) · 3.99 KB
/
Copy pathCSSGroupingRule-insertRule.html
File metadata and controls
118 lines (96 loc) · 3.99 KB
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSSOM - CSSGroupingRule - insertRule</title>
<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssgroupingrule-interface">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
function create(t) {
var style = document.createElement('style');
style.appendChild(document.createTextNode('@media all { * {} }'));
document.head.appendChild(style);
t.add_cleanup(function() {
document.head.removeChild(style);
});
assert_true(!!style.sheet, 'setup - sheet defined');
assert_equals(
style.sheet.cssRules.length, 1, 'setup - grouping rule created'
);
assert_equals(
style.sheet.cssRules[0].cssRules.length, 1, 'setup - rule created'
);
return style.sheet.cssRules[0];
}
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
var result;
result = groupingRule.insertRule('.foo {}', 0);
assert_equals(groupingRule.cssRules.length, 2);
assert_not_equals(groupingRule.cssRules[0].cssText, first);
assert_equals(groupingRule.cssRules[1].cssText, first);
assert_equals(result, 0, 'result');
}, 'index before first');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
var result;
result = groupingRule.insertRule('.foo {}', 1);
assert_equals(groupingRule.cssRules.length, 2);
assert_equals(groupingRule.cssRules[0].cssText, first);
assert_not_equals(groupingRule.cssRules[1].cssText, first);
assert_equals(result, 1);
}, 'index after final');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
var result;
result = groupingRule.insertRule('.foo {}');
assert_equals(groupingRule.cssRules.length, 2);
assert_not_equals(groupingRule.cssRules[0].cssText, first);
assert_equals(groupingRule.cssRules[1].cssText, first);
assert_equals(result, 0);
}, 'index not specified');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
assert_throws_dom('IndexSizeError', function() {
// The syntax error is intentional; it verifies that the insertion
// index is validated prior to the CSS text.
groupingRule.insertRule('???', 2);
});
assert_equals(groupingRule.cssRules.length, 1);
assert_equals(groupingRule.cssRules[0].cssText, first);
}, 'index exceeds length');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
assert_throws_dom('SyntaxError', function() {
groupingRule.insertRule('???', 0);
});
assert_equals(groupingRule.cssRules.length, 1);
assert_equals(groupingRule.cssRules[0].cssText, first);
}, 'CSS parsing error');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
assert_throws_dom('HierarchyRequestError', function() {
groupingRule.insertRule('@import url("foo.css");', 0);
});
assert_equals(groupingRule.cssRules.length, 1);
assert_equals(groupingRule.cssRules[0].cssText, first);
}, 'constraint violation');
test(function (t) {
var groupingRule = create(t);
var first = groupingRule.cssRules[0].cssText;
assert_throws_dom('HierarchyRequestError', function() {
groupingRule.insertRule('@namespace url(http://www.w3.org/1999/xhtml);', 0);
});
assert_equals(groupingRule.cssRules.length, 1);
assert_equals(groupingRule.cssRules[0].cssText, first);
}, 'disallowed namespace rule');
</script>
</head>
</html>