Using calc() for -webkit-filter does not work
[WebKit-https.git] / LayoutTests / fast / css / webkit-filter-calc.html
1 <!DOCTYPE html>
2 <body>
3 <script src="../../resources/js-test-pre.js"></script>
4 <div id="testDiv" style="position: absolute;"></div>
5 <script>
6 description("Tests assigning a calculated value to '-webkit-filter' CSS property.");
7
8 var testDiv = document.getElementById("testDiv");
9
10 shouldBeEmptyString("testDiv.style['-webkit-filter']");
11 evalAndLog("testDiv.style['-webkit-filter'] = 'saturate(calc(10% * 2))'");
12 shouldBeEqualToString("testDiv.style['-webkit-filter']", "saturate(calc(20%))");
13 shouldBeEqualToString("window.getComputedStyle(testDiv).getPropertyValue('-webkit-filter')", "saturate(0.2)");
14
15 </script>
16 <script src="../../resources/js-test-post.js"></script>
17 </body>