| Index: third_party/WebKit/LayoutTests/typedcssom/calclength.html
|
| diff --git a/third_party/WebKit/LayoutTests/typedcssom/calclength.html b/third_party/WebKit/LayoutTests/typedcssom/calclength.html
|
| index 7180dc115871f839aabe15656c2ad3940b8b962d..e8ee3f480bc757ca76b2bcfe9d454249a3abd690 100644
|
| --- a/third_party/WebKit/LayoutTests/typedcssom/calclength.html
|
| +++ b/third_party/WebKit/LayoutTests/typedcssom/calclength.html
|
| @@ -36,23 +36,40 @@ test(function() {
|
| }, 'Test that subtracting two CalcLengths produces a new CalcLength with the correct values.');
|
|
|
| test(function() {
|
| - var calcLength = new CalcLength({px: 1, percent: 5.2});
|
| - var result = calcLength.multiply(3);
|
| + var calcLength = new CalcLength({px: 1, percent: 5.2});
|
| + var result = calcLength.multiply(3);
|
|
|
| - assert_not_equals(calcLength, result);
|
| - assert_equals(result.px, 3);
|
| - assert_approx_equals(result.percent, 15.6, 0.000001);
|
| + assert_not_equals(calcLength, result);
|
| + assert_equals(result.px, 3);
|
| + assert_approx_equals(result.percent, 15.6, 0.000001);
|
| }, 'Test that multiplying a CalcLength produces a new CalcLength with the correct values.');
|
|
|
| test(function() {
|
| - var calcLength = new CalcLength({px: 3, percent: 15.6});
|
| - var result = calcLength.divide(3);
|
| + var calcLength = new CalcLength({px: 3, percent: 15.6});
|
| + var result = calcLength.divide(3);
|
|
|
| - assert_not_equals(calcLength, result);
|
| - assert_equals(result.px, 1);
|
| - assert_equals(result.percent, 5.2);
|
| + assert_not_equals(calcLength, result);
|
| + assert_equals(result.px, 1);
|
| + assert_equals(result.percent, 5.2);
|
| }, 'Test that dividing a CalcLength produces a new CalcLength with the correct values.');
|
|
|
| +test(function() {
|
| + var values = [
|
| + {input: new CalcLength({px: 1}), cssString: 'calc(1px)'},
|
| + {input: new CalcLength({px: -1}), cssString: 'calc(-1px)'},
|
| + {input: new CalcLength({px: 1, percent: 15.6}), cssString: 'calc(1px + 15.6%)'},
|
| + {input: new CalcLength({px: 1, percent: -15.6}), cssString: 'calc(1px - 15.6%)'},
|
| + {input: new CalcLength({px: -1, percent: -15.6}), cssString: 'calc(-1px - 15.6%)'},
|
| + {input: new CalcLength({px: -1, percent: -15.6, vw: 5}), cssString: 'calc((-1px - 15.6%) + 5vw)'},
|
| + {input: new CalcLength({px: -1, percent: -15.6, vw: -5}), cssString: 'calc((-1px - 15.6%) - 5vw)'},
|
| + ];
|
| +
|
| + for (var i = 0; i < values.length; ++i) {
|
| + assert_equals(values[i].input.cssString, values[i].cssString);
|
| + }
|
| +
|
| +}, 'Test that the CSS string method for a CalcLength produces the correct result');
|
| +
|
| </script>
|
|
|
| <body>
|
|
|