Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Will Change Test: getComputedStyle().willChange</title>
<meta name="assert" content="will-change computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("will-change", "auto");
// <animateable-feature> = scroll-position | contents | <custom-ident>
test_computed_value("will-change", "scroll-position");
test_computed_value("will-change", "contents");
test_computed_value("will-change", "transform");
test_computed_value("will-change", "background-color");
test_computed_value("will-change", "TRANSFORM");
test_computed_value("will-change", "Not-A-Property");
test_computed_value("will-change", "scroll-position, contents");
test_computed_value("will-change", "contents, scroll-position");
test_computed_value("will-change", "scroll-position, transform");
test_computed_value("will-change", "transform, scroll-position");
test_computed_value("will-change", "contents, transform");
test_computed_value("will-change", "transform, contents");
test_computed_value("will-change", "transform, background-color");
test_computed_value("will-change", "transform, transform");
test_computed_value("will-change", "TRANSFORM, transform");
test_computed_value("will-change", "transform, TRANSFORM");
test_computed_value("will-change", "TRANSFORM, TRANSFORM");
test_computed_value("will-change", "Not-A-Property, transform");
test_computed_value("will-change", "transform, Not-A-Property");
test_computed_value("will-change", "Not-A-Property, Not-A-Property");
test_computed_value("will-change", "transform, --var");
test_computed_value("will-change", "--var, transform");
</script>
</body>
</html>