aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/web-platform-tests/css/css-values/calc-integer.html
diff options
context:
space:
mode:
authorbors-servo <lbergstrom+bors@mozilla.com>2018-09-19 14:47:13 -0400
committerGitHub <noreply@github.com>2018-09-19 14:47:13 -0400
commit8277527874e7701f03dbabb9859a97a785e2b6fe (patch)
treef62e3e19da8452f26305b80670103a2a5674342a /tests/wpt/web-platform-tests/css/css-values/calc-integer.html
parentb1c6281d3ccba6a5ce8f09fb704c33054a0af37c (diff)
parent141a52794b9583f636cfa2076b8f3ee95ad459e3 (diff)
downloadservo-8277527874e7701f03dbabb9859a97a785e2b6fe.tar.gz
servo-8277527874e7701f03dbabb9859a97a785e2b6fe.zip
Auto merge of #21733 - servo-wpt-sync:wpt_update_17-09-2018, r=jdm
Sync WPT with upstream (17-09-2018) Automated downstream sync of changes from upstream as of 17-09-2018. [no-wpt-sync] <!-- Reviewable:start --> --- This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/21733) <!-- Reviewable:end -->
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-values/calc-integer.html')
-rw-r--r--tests/wpt/web-platform-tests/css/css-values/calc-integer.html58
1 files changed, 58 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-values/calc-integer.html b/tests/wpt/web-platform-tests/css/css-values/calc-integer.html
new file mode 100644
index 00000000000..821dac40489
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-values/calc-integer.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Tests: calc() and division for integers</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-values-4/#calc-range">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2337">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="test"></div>
+<script>
+const TESTS = [
+ {
+ specified: "calc(2)",
+ computed: "2",
+ description: "Sanity",
+ },
+ {
+ specified: "calc(4 / 2)",
+ computed: "2",
+ description: "Basic division works",
+ },
+ {
+ specified: "calc(1 / 2)",
+ computed: "1",
+ description: "Rounds up if fractional part is >= 0.5",
+ },
+ {
+ specified: "calc(0.5)",
+ computed: "1",
+ description: "Accepts numbers, and rounds",
+ },
+ {
+ specified: "calc(6 / 2.0)",
+ computed: "3",
+ description: "Operation between <integer> and <number> works",
+ },
+ {
+ specified: "calc(1 / 3)",
+ computed: "0",
+ description: "Rounds down if fractional part is < 0.5",
+ },
+ {
+ specified: "calc(calc(1 / 3) * 3)",
+ computed: "1",
+ description: "Only rounds at the end of the conversion",
+ }
+];
+
+const testElement = document.getElementById("test");
+for (const { specified, computed, description } of TESTS) {
+ test(function() {
+ testElement.style.zIndex = "42"; // Just something that we know it's valid and makes tests not rely on order.
+ testElement.style.zIndex = specified;
+ assert_equals(getComputedStyle(testElement).zIndex, computed);
+ }, description);
+}
+</script>