blob: c5b3cf3bda0ed9c27488f8bc64f258dbaef038ec (
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
|
<!doctype html>
<meta charset="utf-8">
<title>Test for ::cue property restrictions.</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="property_database.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
<style id="s"></style>
<video id="test"></video>
<video id="control"></video>
<script>
const test = getComputedStyle($("test"), "::cue");
const control = getComputedStyle($("control"), "::cue");
for (const prop in gCSSProperties) {
const info = gCSSProperties[prop];
if (info.type == CSS_TYPE_TRUE_SHORTHAND)
continue;
let prereqs = "";
if (info.prerequisites)
for (let name in info.prerequisites)
prereqs += `${name}: ${info.prerequisites[name]}; `;
$("s").textContent = `
#control::cue { ${prop}: ${info.initial_values[0]}; ${prereqs} }
#test::cue { ${prop}: ${info.other_values[0]}; ${prereqs} }
`;
(info.applies_to_cue ? isnot : is)(
get_computed_value(test, prop),
get_computed_value(control, prop),
`${prop} should ${info.applies_to_cue ? "" : "not "}apply to ::cue`);
}
</script>
|
