<!DOCTYPE html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<style id=style_element>
div {
perspective: 10;
transform: perspective(10);
}
</style>
<script>
// From UseCounter.h
var UnitlessPerspectiveInPerspectiveProperty = 1671;
var UnitlessPerspectiveInTransformProperty = 1672;
test(function() {
assert_equals(document.styleSheets[0].cssRules[0].style.cssText, "");
assert_false(internals.isUseCounted(document, UnitlessPerspectiveInPerspectiveProperty));
assert_false(internals.isUseCounted(document, UnitlessPerspectiveInTransformProperty));
}, "Unitless lengths don't work in unprefixed perspective/transform");
test(function() {
style_element.textContent = "div { -webkit-perspective: 10; }";
assert_equals(document.styleSheets[0].cssRules[0].style.cssText, "perspective: 10px;");
assert_true(internals.isUseCounted(document, UnitlessPerspectiveInPerspectiveProperty));
assert_false(internals.isUseCounted(document, UnitlessPerspectiveInTransformProperty));
style_element.textContent = "div { -webkit-transform: perspective(10); }";
assert_equals(document.styleSheets[0].cssRules[0].style.cssText, "transform: perspective(10px);");
assert_true(internals.isUseCounted(document, UnitlessPerspectiveInTransformProperty));
}, "Unitless lengths work in prefixed perspective/transform and are counted");
</script>