summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/permission-element
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:14:29 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:14:29 +0000
commitfbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8 (patch)
tree4c1ccaf5486d4f2009f9a338a98a83e886e29c97 /testing/web-platform/tests/html/semantics/permission-element
parentReleasing progress-linux version 124.0.1-1~progress7.99u1. (diff)
downloadfirefox-fbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8.tar.xz
firefox-fbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8.zip
Merging upstream version 125.0.1.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/semantics/permission-element')
-rw-r--r--testing/web-platform/tests/html/semantics/permission-element/bounded-css-properties.html38
-rw-r--r--testing/web-platform/tests/html/semantics/permission-element/invalid-css-properties.html34
-rw-r--r--testing/web-platform/tests/html/semantics/permission-element/negative-offset-and-margin.html67
3 files changed, 139 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/permission-element/bounded-css-properties.html b/testing/web-platform/tests/html/semantics/permission-element/bounded-css-properties.html
new file mode 100644
index 0000000000..98c3d70e98
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/permission-element/bounded-css-properties.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+<!--The permission element should have some limits for specific properties:
+ * font-weight is adjusted to be at least 200.
+ * font-style should only have "normal" or "italic" values.
+-->
+<style>
+ #id1 {
+ font-weight: 100;
+ font-style: oblique 30deg;
+ }
+ #id2 {
+ font-weight: 300;
+ font-style: italic;
+ }
+</style>
+
+
+<permission id="id1" type="geolocation">
+<permission id="id2" type="camera">
+
+<script>
+ test(function(){
+ var el_outside_bounds = document.getElementById("id1");
+ assert_equals(getComputedStyle(el_outside_bounds).fontWeight, "200", "font-weight");
+ assert_equals(getComputedStyle(el_outside_bounds).fontStyle, "normal", "font-style");
+ }, "Properties with out-of-bounds values should be corrected");
+
+ test(function(){
+ var el_inside_bounds = document.getElementById("id2");
+ assert_equals(getComputedStyle(el_inside_bounds).fontWeight, "300", "font-weight");
+ assert_equals(getComputedStyle(el_inside_bounds).fontStyle, "italic", "font-style");
+ }, "Properties with values in bounds should not be modified");
+</script>
+</body> \ No newline at end of file
diff --git a/testing/web-platform/tests/html/semantics/permission-element/invalid-css-properties.html b/testing/web-platform/tests/html/semantics/permission-element/invalid-css-properties.html
new file mode 100644
index 0000000000..c7186563f0
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/permission-element/invalid-css-properties.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<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;
+ transform: rotate(10);
+ }
+</style>
+
+<permission id="id1" type="geolocation">
+
+<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");
+ }, "None of the listed properties should be applied");
+</script>
+</body> \ No newline at end of file
diff --git a/testing/web-platform/tests/html/semantics/permission-element/negative-offset-and-margin.html b/testing/web-platform/tests/html/semantics/permission-element/negative-offset-and-margin.html
new file mode 100644
index 0000000000..97290bb4df
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/permission-element/negative-offset-and-margin.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+<!--The permission element should not allow setting negative margins or outline-offset
+-->
+<style>
+ #id1 {
+ outline-offset: -50px;
+ margin-top: -50px;
+ margin-left: -50px;
+ margin-bottom: -50px;
+ margin-right: -50px;
+ }
+ #id2 {
+ outline-offset: 50px;
+ margin-top: 50px;
+ margin-left: 50px;
+ margin-bottom: 50px;
+ margin-right: 50px;
+ }
+
+ /* These various expressions all result in a negative value when calculated */
+ #id3 {
+ outline-offset: min(-50px, 50px);
+ margin-top: min(10%, -50px);
+ margin-left: clamp(-100px, 1vw, -50px);
+ margin-bottom: 1% - 10000px;
+ margin-right: max(min(-1em, 10em), -5%);
+ }
+</style>
+
+
+<permission id="id1" type="geolocation">
+<permission id="id2" type="camera">
+<permission id="id3" type="microphone">
+
+<script>
+ test(function(){
+ var el_with_negatives = document.getElementById("id1");
+ assert_equals(getComputedStyle(el_with_negatives).outlineOffset, "0px", "outline-offset");
+ assert_equals(getComputedStyle(el_with_negatives).marginLeft, "0px", "margin-left");
+ assert_equals(getComputedStyle(el_with_negatives).marginRight, "0px", "margin-right");
+ assert_equals(getComputedStyle(el_with_negatives).marginTop, "0px", "margin-top");
+ assert_equals(getComputedStyle(el_with_negatives).marginBottom, "0px", "margin-bottom");
+ }, "Negative margins/offset should be changed to 0px");
+
+ test(function(){
+ var el_with_positives = document.getElementById("id2");
+ assert_equals(getComputedStyle(el_with_positives).outlineOffset, "50px", "outline-offset");
+ assert_equals(getComputedStyle(el_with_positives).marginLeft, "50px", "margin-left");
+ assert_equals(getComputedStyle(el_with_positives).marginRight, "50px", "margin-right");
+ assert_equals(getComputedStyle(el_with_positives).marginTop, "50px", "margin-top");
+ assert_equals(getComputedStyle(el_with_positives).marginBottom, "50px", "margin-bottom");
+ }, "Positive margins/offset are unaffected");
+
+ test(function(){
+ var el_with_negative_expr = document.getElementById("id3");
+ assert_equals(getComputedStyle(el_with_negative_expr).outlineOffset, "0px", "outline-offset");
+ assert_equals(getComputedStyle(el_with_negative_expr).marginLeft, "0px", "margin-left");
+ assert_equals(getComputedStyle(el_with_negative_expr).marginRight, "0px", "margin-right");
+ assert_equals(getComputedStyle(el_with_negative_expr).marginTop, "0px", "margin-top");
+ assert_equals(getComputedStyle(el_with_negative_expr).marginBottom, "0px", "margin-bottom");
+ }, "Expressions margins/offset should always return at least 0px");
+</script>
+</body> \ No newline at end of file