Merge pull request #8913 from w3c/sync_a8aedd5f6a9719812eec6095b5312a649b236ec1
Merge pull request #8913 from sync_a8aedd5f6a9719812eec6095b5312a649b236ec1
diff --git a/css/css-values/calc-in-color-001.html b/css/css-values/calc-in-color-001.html
new file mode 100644
index 0000000..e87719b
--- /dev/null
+++ b/css/css-values/calc-in-color-001.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: calc() function in <color></title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="help" href="https://drafts.csswg.org/css-values/#funcdef-calc">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div id="testNode"></div>
+<script>
+const div = document.querySelector("#testNode");
+const TESTS = {
+ // specified -> expected
+ "rgb(calc(0), calc(255 + 0), calc(140 - 139 - 1))": "rgb(0, 255, 0)",
+ "rgba(calc(0%) calc(100%) calc(0%) / calc(10% * 10))": "rgb(0, 255, 0)",
+ "hsl(calc(5deg * (360 / 5)), calc(10% * 10), calc(10% * 10))": "rgb(255, 255, 255)"
+}
+
+test(function() {
+ for (let test in TESTS) {
+ div.style.backgroundColor = "";
+ div.style.backgroundColor = test;
+ assert_equals(getComputedStyle(div).backgroundColor, TESTS[test], test);
+ }
+}, "calc() in color functions");
+</script>
