test_cue_restrictions.html

Enable keyboard shortcuts

<!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>