diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
| commit | 2aa4a82499d4becd2284cdb482213d541b8804dd (patch) | |
| tree | b80bf8bf13c3766139fbacc530efd0dd9d54394c /layout/style/test/test_transitions_step_functions.html | |
| parent | Initial commit. (diff) | |
| download | firefox-2aa4a82499d4becd2284cdb482213d541b8804dd.tar.xz firefox-2aa4a82499d4becd2284cdb482213d541b8804dd.zip | |
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/style/test/test_transitions_step_functions.html')
| -rw-r--r-- | layout/style/test/test_transitions_step_functions.html | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/layout/style/test/test_transitions_step_functions.html b/layout/style/test/test_transitions_step_functions.html new file mode 100644 index 0000000000..c0205a8d2f --- /dev/null +++ b/layout/style/test/test_transitions_step_functions.html @@ -0,0 +1,131 @@ +<!DOCTYPE HTML> +<html> +<!-- +https://bugzilla.mozilla.org/show_bug.cgi?id=435441 +--> +<head> + <title>Test for Bug 435441</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <script type="application/javascript" src="animation_utils.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> + <style type="text/css"> + + p.transition { + transition: margin-top 100s linear; + } + + </style> +</head> +<body> +<div id="display"> + +</div> +<pre id="test"> +<script type="application/javascript"> + +/** Test for transition step functions **/ + +var display = document.getElementById("display"); + +function run_test(tf, percent, value) +{ + var p = document.createElement("p"); + p.className = "transition"; + p.style.marginTop = "0px"; + // be this percent of the way through a 100s transition + p.style.transitionDelay = (percent * -100) + "s"; + p.style.transitionTimingFunction = tf; + display.appendChild(p); + var cs = getComputedStyle(p, ""); + var flush1 = cs.marginTop; + + p.style.marginTop = "1000px"; + var result = px_to_num(cs.marginTop) / 1000 + + is(result, value, 100 * percent + "% of the way through " + tf); + + display.removeChild(p); +} + +run_test("step-start", 0, 1); +run_test("step-start", 0.001, 1); +run_test("step-start", 0.999, 1); +run_test("step-start", 1, 1); +run_test("step-end", 0, 0); +run_test("step-end", 0.001, 0); +run_test("step-end", 0.999, 0); +run_test("step-end", 1, 1); + +run_test("steps(2)", 0.00, 0.0); +run_test("steps(2)", 0.49, 0.0); +run_test("steps(2)", 0.50, 0.5); +run_test("steps(2)", 0.99, 0.5); +run_test("steps(2)", 1.00, 1.0); + +run_test("steps(2, end)", 0.00, 0.0); +run_test("steps(2, end)", 0.49, 0.0); +run_test("steps(2, end)", 0.50, 0.5); +run_test("steps(2, end)", 0.99, 0.5); +run_test("steps(2, end)", 1.00, 1.0); + +run_test("steps(2, start)", 0.00, 0.5); +run_test("steps(2, start)", 0.49, 0.5); +run_test("steps(2, start)", 0.50, 1.0); +run_test("steps(2, start)", 0.99, 1.0); +run_test("steps(2, start)", 1.00, 1.0); + +run_test("steps(8,end)", 0.00, 0.0); +run_test("steps(8,end)", 0.10, 0.0); +run_test("steps(8,end)", 0.20, 0.125); +run_test("steps(8,end)", 0.30, 0.25); +run_test("steps(8,end)", 0.40, 0.375); +run_test("steps(8,end)", 0.49, 0.375); +run_test("steps(8,end)", 0.50, 0.5); +run_test("steps(8,end)", 0.60, 0.5); +run_test("steps(8,end)", 0.70, 0.625); +run_test("steps(8,end)", 0.80, 0.75); +run_test("steps(8,end)", 0.90, 0.875); +run_test("steps(8,end)", 1.00, 1.0); + +// steps(_, jump-*) +run_test("steps(2, jump-start)", 0.00, 0.5); +run_test("steps(2, jump-start)", 0.49, 0.5); +run_test("steps(2, jump-start)", 0.50, 1.0); +run_test("steps(2, jump-start)", 0.99, 1.0); +run_test("steps(2, jump-start)", 1.00, 1.0); + +run_test("steps(2, jump-end)", 0.00, 0.0); +run_test("steps(2, jump-end)", 0.49, 0.0); +run_test("steps(2, jump-end)", 0.50, 0.5); +run_test("steps(2, jump-end)", 0.99, 0.5); +run_test("steps(2, jump-end)", 1.00, 1.0); + +run_test("steps(1, jump-both)", 0.00, 0.5); +run_test("steps(1, jump-both)", 0.10, 0.5); +run_test("steps(1, jump-both)", 0.99, 0.5); +run_test("steps(1, jump-both)", 1.00, 1.0); + +run_test("steps(3, jump-both)", 0.00, 0.25); +run_test("steps(3, jump-both)", 0.33, 0.25); +run_test("steps(3, jump-both)", 0.34, 0.5); +run_test("steps(3, jump-both)", 0.66, 0.5); +run_test("steps(3, jump-both)", 0.67, 0.75); +run_test("steps(3, jump-both)", 0.99, 0.75); +run_test("steps(3, jump-both)", 1.00, 1.0); + +run_test("steps(2, jump-none)", 0.00, 0.0); +run_test("steps(2, jump-none)", 0.49, 0.0); +run_test("steps(2, jump-none)", 0.50, 1.0); +run_test("steps(2, jump-none)", 1.00, 1.0); + +run_test("steps(3, jump-none)", 0.00, 0.0); +run_test("steps(3, jump-none)", 0.33, 0.0); +run_test("steps(3, jump-none)", 0.34, 0.5); +run_test("steps(3, jump-none)", 0.66, 0.5); +run_test("steps(3, jump-none)", 0.67, 1.0); +run_test("steps(3, jump-none)", 1.00, 1.0); + +</script> +</pre> +</body> +</html> |