/
readwrite-pseudoclass-editable.html
executable file
·55 lines (53 loc) · 2.73 KB
/
readwrite-pseudoclass-editable.html
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
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
<style>
:read-write {
background-color: red;
}
</style>
</head>
<body>
<div id="editable1" contenteditable>
<div id="div_in_editable"></div>
<input type="text" readonly id="readonly_in_editable"/>
<input type="text" disabled id="disabled_in_editable"/>
</div>
<p id="editable2" contenteditable="true"></p>
<span id="editable3" contenteditable="plaintext-only"></span>
<h1 id="editable4" contenteditable=""></h1>
<h2 id="non_editable" contenteditable="false"></h2>
<svg id="svg" height="210" width="400">
<path id="svg_path" d="M150 0 L75 200 L225 200 Z" />
</svg>
<svg id="svg_contenteditable" height="210" width="250" contenteditable>
<path d="M150 0 L75 200 L225 200 Z"/>
</svg>
<math id="mathml" xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<msup id="mathml_msup"><mi>x</mi><mn>2</mn></msup>
<mo>=</mo><mn>0</mn>
</mrow>
</math>
<script>
function backgroundColor(identifier) { return getComputedStyle(document.getElementById(identifier)).getPropertyValue("background-color"); }
var readWriteColor = "rgb(255, 0, 0)";
description('Tests read-write pseudo-class properties are applied to editable elements and not to non-editable elements');
shouldBeEqualToString("backgroundColor('editable1')", readWriteColor);
shouldBeEqualToString("backgroundColor('editable2')", readWriteColor);
shouldBeEqualToString("backgroundColor('editable3')", readWriteColor);
shouldBeEqualToString("backgroundColor('editable4')", readWriteColor);
shouldBeEqualToString("backgroundColor('div_in_editable')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('readonly_in_editable')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('disabled_in_editable')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('non_editable')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('svg')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('svg_path')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('svg_contenteditable')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('mathml')", readWriteColor);
shouldNotBeEqualToString("backgroundColor('mathml_msup')", readWriteColor);
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>