layout/style/test/test_cue_restrictions.html

   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>