Bug 1292447: part 8 - Update test_transitions_per_property.html. draft
authorAstley Chen <aschen@mozilla.com>
Mon, 03 Oct 2016 18:14:21 +0800
changeset 420159 c502c222dbbb68c22a316e3ad6b3f54bc13a8ab2
parent 420158 dfd92ba7a37938872c58055a0afe586e5ab9f19a
child 420160 7bc9159b254615491ae5403b62057b41f00d5a7b
push id31116
push useraschen@mozilla.com
push dateMon, 03 Oct 2016 15:25:03 +0000
bugs1292447
milestone52.0a1
Bug 1292447: part 8 - Update test_transitions_per_property.html. MozReview-Commit-ID: 8VgagJu1H9Z
layout/style/test/test_transitions_per_property.html
--- a/layout/style/test/test_transitions_per_property.html
+++ b/layout/style/test/test_transitions_per_property.html
@@ -186,26 +186,22 @@ var supported_properties = {
                       test_length_percent_calc_transition,
                       test_length_unclamped, test_percent_unclamped ],
     "margin-top": [ test_length_transition, test_percent_transition,
                     test_length_percent_calc_transition,
                     test_length_unclamped, test_percent_unclamped ],
     "marker-offset": [ test_length_transition,
                        test_length_unclamped ],
     "max-height": [ test_length_transition, test_percent_transition,
-                    test_length_percent_calc_transition,
                     test_length_clamped, test_percent_clamped ],
     "max-width": [ test_length_transition, test_percent_transition,
-                   test_length_percent_calc_transition,
                    test_length_clamped, test_percent_clamped ],
     "min-height": [ test_length_transition, test_percent_transition,
-                    test_length_percent_calc_transition,
                     test_length_clamped, test_percent_clamped ],
     "min-width": [ test_length_transition, test_percent_transition,
-                   test_length_percent_calc_transition,
                    test_length_clamped, test_percent_clamped ],
     "object-position": [ test_background_position_transition ],
     "opacity" : [ test_float_zeroToOne_transition,
                   // opacity is clamped in computed style
                   // (not parsing/interpolation)
                   test_float_zeroToOne_clamped ],
     "order": [ test_integer_transition ],
     "outline-color": [ test_color_transition,
@@ -256,28 +252,26 @@ var supported_properties = {
                       test_length_clamped_svg, test_percent_clamped ],
     "text-decoration": [ test_color_shorthand_transition,
                          test_true_currentcolor_shorthand_transition ],
     "text-decoration-color": [ test_color_transition,
                                test_true_currentcolor_transition ],
     "text-emphasis-color": [ test_color_transition,
                              test_true_currentcolor_transition ],
     "text-indent": [ test_length_transition, test_percent_transition,
-                     test_length_percent_calc_transition,
                      test_length_unclamped, test_percent_unclamped ],
     "text-shadow": [ test_shadow_transition ],
     "top": [ test_length_transition, test_percent_transition,
              test_length_percent_calc_transition,
              test_length_unclamped, test_percent_unclamped ],
     "transform": [ test_transform_transition ],
     "transform-origin": [ test_length_pair_transition,
                           test_length_percent_pair_transition,
                           test_length_percent_pair_unclamped ],
     "vertical-align": [ test_length_transition, test_percent_transition,
-                        test_length_percent_calc_transition,
                         test_length_unclamped, test_percent_unclamped ],
     "visibility": [ test_visibility_transition ],
     "width": [ test_length_transition, test_percent_transition,
                test_length_percent_calc_transition,
                test_length_clamped, test_percent_clamped ],
     "word-spacing": [ test_length_transition, test_length_unclamped ],
     "z-index": [ test_integer_transition, test_pos_integer_or_auto_transition ],
     "-webkit-text-fill-color": [ test_color_transition,
@@ -1727,51 +1721,51 @@ function test_radius_transition(prop) {
      ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "15px", "");
   is(cs.getPropertyValue(prop), "6px",
      "radius-valued property " + prop + ": interpolation of radius");
   check_distance(prop, "3px", "6px", "15px");
   div.style.setProperty("transition-property", "none", "");
   div.style.setProperty(prop, "12.5%", "");
-  is(cs.getPropertyValue(prop), "32px",
+  is(cs.getPropertyValue(prop), "12.5%",
      "radius-valued property " + prop + ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "25%", "");
-  is(cs.getPropertyValue(prop), "40px",
+  is(cs.getPropertyValue(prop), "15.625%",
      "radius-valued property " + prop + ": interpolation of radius");
   check_distance(prop, "12.5%", "15.625%", "25%");
   div.style.setProperty("transition-property", "none", "");
   div.style.setProperty(prop, "3px 8px", "");
   is(cs.getPropertyValue(prop), "3px 8px",
      "radius-valued property " + prop + ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "15px 12px", "");
   is(cs.getPropertyValue(prop), "6px 9px",
      "radius-valued property " + prop + ": interpolation of radius");
   check_distance(prop, "3px 8px", "6px 9px", "15px 12px");
   div.style.setProperty("transition-property", "none", "");
   div.style.setProperty(prop, "12.5% 6.25%", "");
-  is(cs.getPropertyValue(prop), "32px 16px",
+  is(cs.getPropertyValue(prop), "12.5% 6.25%",
      "radius-valued property " + prop + ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "25%", "");
-  is(cs.getPropertyValue(prop), "40px 28px",
+  is(cs.getPropertyValue(prop), "15.625% 10.9375%",
      "radius-valued property " + prop + ": interpolation of radius");
   check_distance(prop, "12.5% 6.25%", "15.625% 10.9375%", "25%");
   div.style.setProperty("transition-property", "none", "");
   div.style.setProperty(prop, "6.25% 12.5%", "");
-  is(cs.getPropertyValue(prop), "16px 32px",
+  is(cs.getPropertyValue(prop), "6.25% 12.5%",
      "radius-valued property " + prop + ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "64px 16px", "");
-  is(cs.getPropertyValue(prop), "28px",
+  is(cs.getPropertyValue(prop), "calc(16px + 4.6875%) calc(4px + 9.375%)",
      "radius-valued property " + prop + ": interpolation of radius with mixed units");
   check_distance(prop, "6.25% 12.5%",
-                 "calc(4.6875% + 16px) calc(9.375% + 4px)",
+                 "calc(16px + 4.6875%) calc(4px + 9.375%)",
                  "64px 16px");
 
   div.style.setProperty("transition-property", "none", "");
   div.style.setProperty(prop, "calc(5px) 10px", "");
   is(cs.getPropertyValue(prop), "5px 10px",
      "radius-valued property " + prop + ": computed value before transition");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "calc(25px) calc(50px)", "");
@@ -1784,18 +1778,16 @@ function test_radius_transition(prop) {
   is(cs.getPropertyValue(prop), "0px",
      "radius-valued property " + prop + ": flush before clamping test");
   div.style.setProperty("transition-property", prop, "");
   div.style.setProperty(prop, "10px 20px", "");
   is(cs.getPropertyValue(prop), "0px",
      "radius-valued property " + prop + ": clamping of negatives");
   div.style.setProperty("transition-timing-function", "linear", "");
 
-  test_length_percent_calc_transition(prop);
-
   div.style.removeProperty("width");
   div.style.removeProperty("height");
   div.style.removeProperty("border");
   div.style.removeProperty("padding");
 }
 
 function test_integer_transition(prop) {
   div.style.setProperty("transition-property", "none", "");