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-values/calc-time-values.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-values/calc-time-values.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-values/calc-time-values.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-values/calc-time-values.html b/testing/web-platform/tests/css/css-values/calc-time-values.html new file mode 100644 index 0000000000..60bcdcba59 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/calc-time-values.html @@ -0,0 +1,104 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Values and Units Test: calc() function with time values</title> + + <!-- + + Original test is: + + https://chromium.googlesource.com/chromium/src/+/c825d655f6aaf73484f9d56e9012793f5b9668cc/third_party/WebKit/LayoutTests/css3/calc/calc-with-time-angle-and-frequency-values.html + + Issue 917718: [css-values] calc-with-time-angle-and-frequency-values + test is highly unreliable, transition-delay testing causes side effects + https://bugs.chromium.org/p/chromium/issues/detail?id=917718 + + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#calc-computed-value"> + <link rel="help" href="https://www.w3.org/TR/css-values-3/#time"> + + <meta content="This test checks that additions, substractions, multiplications and divisions in calc() function when applied to time units." name="assert"> + + <script src="/resources/testharness.js"></script> + + <script src="/resources/testharnessreport.js"></script> + + <div id="log"></div> + + <div id="target"></div> + + <script> + function startTesting() + { + + var targetElement = document.getElementById("target"); + + function compareValue(property_name, calcValue, expectedValue, description) + { + + test(function() + { + + targetElement.style.setProperty(property_name, "inherit"); + + /* + Since we are running many consecutive tests on the same + element, then it is necessary to 'reset' its property + to an initial value before actually re-testing it. + */ + + targetElement.style.setProperty(property_name, calcValue); + + var computedCalcValue = getComputedStyle(targetElement)[property_name]; + + targetElement.style.setProperty(property_name, expectedValue); + + var computedExpectedValue = getComputedStyle(targetElement)[property_name]; + + assert_equals(computedCalcValue, computedExpectedValue); + + }, description); + + } + + + /* Testing time units */ + + /* compareValue(property_name, calcValue, expectedValue, description) */ + + compareValue("transition-delay", "calc(4s + 1s)", "5s", "addition of 2 time units: s plus s"); + + compareValue("transition-delay", "calc(4s + 1ms)", "4.001s", "addition of 2 time units: s plus ms"); + + compareValue("transition-delay", "calc(4ms + 1ms)", "0.005s", "addition of 2 time units: ms plus ms"); + + compareValue("transition-delay", "calc(4s - 1s)", "3s", "substraction of time unit: s minus s"); + + compareValue("transition-delay", "calc(4s - 1ms)", "3.999s", "substraction of time unit: s minus ms"); + + compareValue("transition-delay", "calc(4 * 1s)", "4s", "multiplication of integer with a time unit: int multiplied by s"); + + compareValue("transition-delay", "calc(4 * 1ms)", "0.004s", "multiplication of integer with a time unit: int multiplied by ms"); + + compareValue("transition-delay", "calc(4s / 2)", "2s", "division of time unit with integer: s divided by int"); + + compareValue("transition-delay", "calc(4ms / 2)", "0.002s", "division of time unit with integer: ms divided by int"); + + /* compareValue(property_name, calcValue, expectedValue, description) */ + + + + /* Testing conversion of time unit */ + + /* compareValue(property_name, calcValue, expectedValue, description) */ + + compareValue("transition-delay", "calc(4000ms)", "4s", "conversion of time unit: ms into s"); + + } + + startTesting(); + + </script> |