test_cue_restrictions.html (1091B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Test for ::cue property restrictions.</title> 4 <script src="/tests/SimpleTest/SimpleTest.js"></script> 5 <script src="property_database.js"></script> 6 <link rel="stylesheet" href="/tests/SimpleTest/test.css"/> 7 <style id="s"></style> 8 <video id="test"></video> 9 <video id="control"></video> 10 <script> 11 const test = getComputedStyle($("test"), "::cue"); 12 const control = getComputedStyle($("control"), "::cue"); 13 14 for (const prop in gCSSProperties) { 15 const info = gCSSProperties[prop]; 16 if (info.type == CSS_TYPE_TRUE_SHORTHAND) 17 continue; 18 19 let prereqs = ""; 20 if (info.prerequisites) 21 for (let name in info.prerequisites) 22 prereqs += `${name}: ${info.prerequisites[name]}; `; 23 24 $("s").textContent = ` 25 #control::cue { ${prop}: ${info.initial_values[0]}; ${prereqs} } 26 #test::cue { ${prop}: ${info.other_values[0]}; ${prereqs} } 27 `; 28 29 (info.applies_to_cue ? isnot : is)( 30 get_computed_value(test, prop), 31 get_computed_value(control, prop), 32 `${prop} should ${info.applies_to_cue ? "" : "not "}apply to ::cue`); 33 } 34 </script>