summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-transitions/display-none-no-animations.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:47:29 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 01:47:29 +0000
commit0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch)
treea31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-transitions/display-none-no-animations.html
parentInitial commit. (diff)
downloadfirefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz
firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-transitions/display-none-no-animations.html')
-rw-r--r--testing/web-platform/tests/css/css-transitions/display-none-no-animations.html28
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-transitions/display-none-no-animations.html b/testing/web-platform/tests/css/css-transitions/display-none-no-animations.html
new file mode 100644
index 0000000000..32535baf9c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-transitions/display-none-no-animations.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<link rel=help href="mailto:jarhar@chromium.org">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<div id=target>target</div>
+<style>
+#target {
+ display: none;
+ transition: 1s;
+ color: red;
+}
+#target.animated {
+ transition: 1s;
+ color: green;
+}
+</style>
+
+<script>
+test(() => {
+ target.addEventListener('transitionstart', () => {
+ assert_unreached('transitionstart should not be fired.');
+ });
+ target.classList.add('animated');
+ assert_equals(target.getAnimations().length, 0,
+ 'There should not be any animations running.');
+}, 'Transitions and animations should not occur on display:none elements.');
+</script>