зеркало из https://github.com/mozilla/gecko-dev.git
35 строки
1.1 KiB
HTML
35 строки
1.1 KiB
HTML
|
<!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>
|