Changeset 168472 in webkit
- Timestamp:
- May 8, 2014 9:19:56 AM (10 years ago)
- Location:
- trunk/LayoutTests
- Files:
-
- 30 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/LayoutTests/ChangeLog
r168470 r168472 1 2014-05-08 Ion Rosca <rosca@adobe.com> 2 3 [CSS Blending] Removing -webkit- prefixes for mix-blend-mode and isolation from layout tests. 4 https://bugs.webkit.org/show_bug.cgi?id=132680 5 6 Reviewed by Mihnea Ovidenie. 7 8 * css3/blending/blend-mode-accelerated-parent-overflow-hidden.html: 9 * css3/blending/blend-mode-isolation-accelerated-overflow-hidden.html: 10 * css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html: 11 * css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html: 12 * css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html: 13 * css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html: 14 * css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html: 15 * css3/blending/blend-mode-isolation-flags-turn-off-blending.html: 16 * css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html: 17 * css3/blending/blend-mode-isolation-flags-turn-on-blending.html: 18 * css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html: 19 * css3/blending/blend-mode-isolation-overflow-hidden.html: 20 * css3/blending/blend-mode-isolation-turn-off-self-painting-layer.html: 21 * css3/blending/blend-mode-isolation-turn-off-self-painting-layer1.html: 22 * css3/blending/blend-mode-isolation-turn-off-self-painting-layer2.html: 23 * css3/blending/blend-mode-isolation-turn-on-self-painting-layer.html: 24 * css3/blending/blend-mode-overflow.html: 25 * css3/blending/repaint/blend-mode-turn-off-isolation-no-effect.html: 26 * css3/blending/repaint/blend-mode-turn-off-isolation.html: 27 * css3/blending/svg-blend-color-burn.html: 28 * css3/blending/svg-blend-darken.html: 29 * css3/blending/svg-blend-difference.html: 30 * css3/blending/svg-blend-exclusion.html: 31 * css3/blending/svg-blend-layer-mask.html: 32 * css3/blending/svg-blend-lighten.html: 33 * css3/blending/svg-blend-normal.html: 34 * css3/blending/svg-blend-overlay.html: 35 * css3/blending/svg-isolation-default.html: 36 * css3/blending/svg-isolation-simple.html: 37 1 38 2014-05-08 Krzysztof Wolanski <k.wolanski@samsung.com> 2 39 -
trunk/LayoutTests/css3/blending/blend-mode-accelerated-parent-overflow-hidden.html
r168462 r168472 8 8 background: rgb(0, 255, 0); 9 9 isolation:isolate; 10 -webkit-isolation:isolate;11 10 } 12 11 13 12 .blender { 14 15 -webkit-mix-blend-mode: difference;16 13 mix-blend-mode: difference; 17 14 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-accelerated-overflow-hidden.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 14 13 background: rgb(0, 255, 0); 15 14 mix-blend-mode: difference; 16 -webkit-mix-blend-mode: difference;17 15 } 18 16 -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-non-stacking-context-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-append-stacking-context-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-non-stacking-context-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-remove-stacking-context-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending-no-isolation.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-off-stacking-context.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-blending.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-flags-turn-on-stacking-context.html
r168354 r168472 13 13 14 14 .stacking-context { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 19 18 .blending { 20 -webkit-mix-blend-mode: difference;21 19 mix-blend-mode: difference; 22 20 } -
trunk/LayoutTests/css3/blending/blend-mode-isolation-overflow-hidden.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 14 13 background: rgb(0, 255, 0); 15 14 mix-blend-mode: difference; 16 -webkit-mix-blend-mode: difference;17 15 } 18 16 </style> -
trunk/LayoutTests/css3/blending/blend-mode-isolation-turn-off-self-painting-layer.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 17 16 .blending { 18 17 mix-blend-mode: difference; 19 -webkit-mix-blend-mode: difference;20 18 } 21 19 </style> -
trunk/LayoutTests/css3/blending/blend-mode-isolation-turn-off-self-painting-layer1.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 17 16 .blending { 18 17 mix-blend-mode: difference; 19 -webkit-mix-blend-mode: difference;20 18 } 21 19 -
trunk/LayoutTests/css3/blending/blend-mode-isolation-turn-off-self-painting-layer2.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 19 18 .blending { 20 19 mix-blend-mode: difference; 21 -webkit-mix-blend-mode: difference;22 20 } 23 21 </style> -
trunk/LayoutTests/css3/blending/blend-mode-isolation-turn-on-self-painting-layer.html
r168462 r168472 6 6 overflow:hidden; 7 7 isolation:isolate; 8 -webkit-isolation: isolate;9 8 } 10 9 … … 17 16 .blending { 18 17 mix-blend-mode: difference; 19 -webkit-mix-blend-mode: difference;20 18 } 21 19 </style> -
trunk/LayoutTests/css3/blending/blend-mode-overflow.html
r168354 r168472 65 65 <div class="example"> 66 66 <div class="blendingbg"> 67 <img src="resources/ducky.png" style=" -webkit-mix-blend-mode: difference;">67 <img src="resources/ducky.png" style="mix-blend-mode: difference;"> 68 68 </div> 69 69 </div> … … 72 72 <div class="example"> 73 73 <div class="blendingbg" style="-webkit-transform: translateZ(0)"> 74 <img src="resources/ducky.png" style=" -webkit-mix-blend-mode: difference;">74 <img src="resources/ducky.png" style="mix-blend-mode: difference;"> 75 75 </div> 76 76 </div> … … 80 80 <div class="blendingbg"> 81 81 <div class="intermediate"> 82 <img src="resources/ducky.png" style=" -webkit-mix-blend-mode: difference;">82 <img src="resources/ducky.png" style="mix-blend-mode: difference;"> 83 83 </div> 84 84 </div> … … 89 89 <div class="blendingbg" style="-webkit-transform: translateZ(0)"> 90 90 <div class="intermediate"> 91 <img src="resources/ducky.png" style=" -webkit-mix-blend-mode: difference;">91 <img src="resources/ducky.png" style="mix-blend-mode: difference;"> 92 92 </div> 93 93 </div> … … 98 98 <div class="blendingbg" style="-webkit-transform: translateZ(0)"> 99 99 <div class="intermediate" style="overflow: hidden"> 100 <img src="resources/ducky.png" style=" -webkit-mix-blend-mode: difference;">100 <img src="resources/ducky.png" style="mix-blend-mode: difference;"> 101 101 </div> 102 102 </div> -
trunk/LayoutTests/css3/blending/repaint/blend-mode-turn-off-isolation-no-effect.html
r168465 r168472 13 13 } 14 14 .isolating { 15 -webkit-isolation: isolate;16 15 isolation: isolate; 17 16 } 18 17 .blending { 19 -webkit-mix-blend-mode: difference;20 18 mix-blend-mode: difference; 21 19 } -
trunk/LayoutTests/css3/blending/repaint/blend-mode-turn-off-isolation.html
r168465 r168472 9 9 10 10 .isolating { 11 -webkit-isolation: isolate;12 11 isolation: isolate; 13 12 } 14 13 15 14 .blending { 16 -webkit-mix-blend-mode: difference;17 15 mix-blend-mode: difference; 18 16 } -
trunk/LayoutTests/css3/blending/svg-blend-color-burn.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: color-burn"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: color-burn"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-darken.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: darken"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: darken"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-difference.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: difference"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: difference"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-exclusion.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: exclusion"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: exclusion"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-layer-mask.html
r168354 r168472 12 12 <rect x="0" y="0" width="40" height="40" fill="rgb(0,255,0)"/> 13 13 <g mask="url(#msk)"> 14 <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style=" -webkit-mix-blend-mode: difference"/>14 <rect x="10" y="10" width="20" height="20" fill="rgb(0,255,0)" style="mix-blend-mode: difference"/> 15 15 </g> 16 16 </g> -
trunk/LayoutTests/css3/blending/svg-blend-lighten.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: lighten"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: lighten"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-normal.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: normal"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: normal"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-blend-overlay.html
r168354 r168472 14 14 <g transform="scale(4 4)"> 15 15 <use xlink:href="#patch" x="0" y="0" width="40" height="10"></use> 16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style=" -webkit-mix-blend-mode: overlay"></use>16 <use xlink:href="#patch" x="0" y="0" width="40" height="10" transform="rotate(90 20 20)" style="mix-blend-mode: overlay"></use> 17 17 </g> 18 18 </svg> -
trunk/LayoutTests/css3/blending/svg-isolation-default.html
r168354 r168472 2 2 <!-- Test the default behaviour of isolation with two simple elements. The test passes if the small square is drawn with black (blending is performed since the element is not isolated). --> 3 3 <svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green"> 4 <g style=" -webkit-isolation: auto">4 <g style="isolation: auto"> 5 5 <rect x="100" y="100" width="200" height="200" style="fill: blue; mix-blend-mode: multiply"/> 6 6 </g> -
trunk/LayoutTests/css3/blending/svg-isolation-simple.html
r168354 r168472 2 2 <!-- Test isolation with two simple elements. The test passes if the small square is drawn with blue (no blending is performed since the element is isolated). --> 3 3 <svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green"> 4 <g style=" -webkit-isolation: isolate">5 <rect x="100" y="100" width="200" height="200" style="fill: blue; -webkit-mix-blend-mode: multiply"/>4 <g style="isolation: isolate"> 5 <rect x="100" y="100" width="200" height="200" style="fill: blue; mix-blend-mode: multiply"/> 6 6 </g> 7 7 </svg>
Note: See TracChangeset
for help on using the changeset viewer.