1
0
Fork 0
firefox/testing/web-platform/tests/html/semantics/permission-element/invalid-css-properties.tentative.html
Daniel Baumann 5e9a113729
Adding upstream version 140.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
2025-06-25 09:37:52 +02:00

39 lines
No EOL
1.5 KiB
HTML

<!DOCTYPE html>
<meta charset=utf-8>
<link rel="help" href="https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<!--The permission element does not allow certain CSS properties
-->
<style>
#id1 {
border-image: url('test-url');
background-image: url('test-url');
clip-path: circle(10px);
filter: blur(10px);
mask: url('test-url');
padding-left: 10px; /* this is not allowed because width is not set to 'auto' */
width: 200px;
transform: rotate(10);
border: 0px;
cursor: none;
}
</style>
<permission id="id1" type="geolocation"></permission>
<script>
test(function(){
var el_with_negatives = document.getElementById("id1");
assert_equals(getComputedStyle(el_with_negatives).borderImage, "none", "border-image");
assert_equals(getComputedStyle(el_with_negatives).backgroundImage, "none", "background-image");
assert_equals(getComputedStyle(el_with_negatives).clipPath, "none", "clip-path");
assert_equals(getComputedStyle(el_with_negatives).filter, "none", "filter");
assert_equals(getComputedStyle(el_with_negatives).mask, "none", "mask");
assert_equals(getComputedStyle(el_with_negatives).paddingLeft, "0px", "padding-left");
assert_equals(getComputedStyle(el_with_negatives).transform, "none", "transform");
assert_equals(getComputedStyle(el_with_negatives).cursor, "pointer", "cursor");
}, "None of the listed properties should be applied");
</script>
</body>