<!doctype html>
<meta charset="utf-8">
<title>Test for ::marker 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>
<div id="test"></div>
<div id="control"></div>
<script>
const test = getComputedStyle($("test"), "::marker");
const control = getComputedStyle($("control"), "::marker");

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::marker { ${prop}: ${info.initial_values[0]}; ${prereqs} }
    #test::marker { ${prop}: ${info.other_values[0]}; ${prereqs} }
  `;

  (info.applies_to_marker ? isnot : is)(
    get_computed_value(test, prop),
    get_computed_value(control, prop),
    `${prop} should ${info.applies_to_marker ? "" : " not"} apply to ::marker`);
}

</script>