servo/tests/wpt/web-platform-tests/feature-policy/experimental-features/layout-animations-disabled-violation-report-keyframes-tentative.html

30 lines
1.1 KiB
HTML

<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/feature-policy/experimental-features/resources/common.js"></script>
<title> 'layout-animations' Policy : violation reports from CSS keyframes
</title>
<body>
<script>
test(() => {
document.featurePolicy.allowedFeatures().forEach((enabled_feature) => {
assert_not_equals(enabled_feature, "layout-animations");
});
},
"Sanity-check: 'layout-animations' is not in document's feature list.");
promise_test(async () => {
let promise = wait_for_violation_in_file(
"layout-animations", null /* source not specified */);
let style = document.createElement("style");
style.innerHTML = `@keyframes animation_property_top {
from { top: 0px }
to { top: 100px }
}`;
document.body.appendChild(style);
await promise;
},
"Verify that when 'layout-animations' is disabled, a keyframes which " +
"includes a blocked property generates violation report.");
</script>
</body>