diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-transitions/events-004.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-transitions/events-004.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-transitions/events-004.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-transitions/events-004.html b/testing/web-platform/tests/css/css-transitions/events-004.html new file mode 100644 index 0000000000..17195f40eb --- /dev/null +++ b/testing/web-platform/tests/css/css-transitions/events-004.html @@ -0,0 +1,61 @@ +<!doctype html> +<html> +<head> +<meta charset=utf-8> +<title>CSS Transitions Test: transitionend event with non matching lists</title> +<meta name="assert" content="Test checks that non-matching lists are properly resolved"> +<link rel="help" title="2. Transitions - Example 3" href="http://www.w3.org/TR/css3-transitions/#list-matching"> +<link rel="help" title="5. Transition Events" href="http://www.w3.org/TR/css3-transitions/#transition-events"> +<link rel="author" title="Rodney Rehm" href="http://rodneyrehm.de/en/"> + +<script src="/resources/testharness.js" type="text/javascript"></script> +<script src="/resources/testharnessreport.js" type="text/javascript"></script> +<script src="./support/helper.js" type="text/javascript"></script> + +</head> +<body> + +<div id="log"></div> + +<script> +promise_test(t => { + const div = addDiv(t, { style: 'padding: 1px' }); + getComputedStyle(div).paddingLeft; + + div.style.transitionProperty = + 'padding-top, padding-right, padding-bottom, padding-left'; + div.style.transitionDuration = '0.02s, 0.01s'; + div.style.transitionTimingFunction = 'linear, ease-in'; + div.style.transitionDelay = '0.01s, 0.02s'; + div.style.padding = '10px'; + + const watcher = new EventWatcher(t, div, ['transitionend']); + return watcher + .wait_for(Array(4).fill('transitionend'), { record: 'all' }) + .then(evts => { + assert_end_event_batch_equal( + evts, + [ 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' ], + [ 0.02, 0.01, 0.02, 0.01 ] + ); + }); +}, 'repeating lists'); + +promise_test(t => { + const div = addDiv(t, { style: 'padding: 1px' }); + getComputedStyle(div).paddingLeft; + + div.style.transitionProperty = 'padding-top'; + div.style.transitionDuration = '0.02s, 0.01s'; + div.style.transitionTimingFunction = 'linear, ease-in'; + div.style.transitionDelay = '0.01s, 0.02s'; + div.style.padding = '10px'; + + const watcher = new EventWatcher(t, div, [ 'transitionend' ]); + return watcher.wait_for('transitionend').then(evt => { + assert_end_events_equal(evt, 'padding-top', 0.02); + }); +}, 'truncating lists'); +</script> +</body> +</html> |