1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<!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>
|
