Index: third_party/WebKit/LayoutTests/fast/css/variables/computed-style.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css/variables/computed-style.html b/third_party/WebKit/LayoutTests/fast/css/variables/computed-style.html |
index 661ecdf9b75bad7be17d3dedeb76f26104b69587..da64b01340e95a8671c29baaf06b5645bc1c8f18 100644 |
--- a/third_party/WebKit/LayoutTests/fast/css/variables/computed-style.html |
+++ b/third_party/WebKit/LayoutTests/fast/css/variables/computed-style.html |
@@ -22,6 +22,10 @@ |
--percentage-value: 75%; |
width: var(--percentage-value); |
} |
+ |
+#dynamic.dynamic { |
+ --custom-value:pass; |
+} |
</style> |
<body> |
@@ -29,6 +33,7 @@ |
<div id="float_pixel"></div> |
<div id="em"></div> |
<div id="percentage"></div> |
+ <div id="dynamic"></div> |
</body> |
<script> |
@@ -53,4 +58,10 @@ test(function() { |
assert_equals( |
getComputedStyle(percentage).width, parseInt(getComputedStyle(document.body).width) * 0.75 + 'px'); |
}, 'width property, percentage value'); |
+ |
+test(function() { |
+ assert_equals(getComputedStyle(dynamic).getPropertyValue("--custom-value"), ""); |
+ dynamic.className = "dynamic"; |
+ assert_equals(getComputedStyle(dynamic).getPropertyValue("--custom-value"), "pass"); |
+}, 'custom property, forced style recalc'); |
</script> |