Compositing and Blending Level 1 CR Test Suite Results

Testcaseamerulain@icloubelowBlinkEdgeFlowGeckoPaleMoonTridentWebKit
3.3: Behavior specific to SVG
mix-blend-mode-in-svg-image19 / 1 / .11 / 2 / .1 / . / .2 / 6 / .
mix-blend-mode-svg-rectangle18 / 1 / 111 / 1 / .1 / . / .5 / 3 / .
3.4.1: The mix-blend-mode property
blending_in_a_group_with_filter18 / 2 / 6. / 1 / 39 / 4 / 51 / . / 16 / 3 / 3
blending_in_a_group_with_opacity17 / 3 / 7. / . / 19 / 4 / 41 / . / 16 / 2 / 3
compositing_simple_div9 / 11 / .. / 1 / .3 / 16 / 1. / 3 / .. / 3 / .4 / 8 / .
fixed-z-index-blend18 / 2 / 413 / . / 25 / 4 / .
line-with-svg-background17 / 3 / 812 / 1 / 61 / . / 17 / 2 / 2
mix-blend-mode-animation17 / 3 / 3. / 1 / .9 / 4 / 31 / 1 / .1 / 2 / .2 / 6 / .
mix-blend-mode-blended-element-interposed19 / 1 / .. / 3 / .10 / 3 / .2 / . / .. / 1 / .5 / 4 / 1
mix-blend-mode-blended-element-overflow-hidden-and-border-radius20 / . / 11 / 1 / .10 / 3 / .2 / . / .. / 1 / .4 / 4 / .
mix-blend-mode-blended-element-overflow-scroll19 / 1 / .1 / 1 / .10 / 3 / .2 / . / .. / 1 / .4 / 4 / 1
mix-blend-mode-blended-element-with-transparent-pixels19 / 1 / 11 / 2 / .10 / 3 / .2 / . / .. / 1 / .5 / 3 / 1
mix-blend-mode-blended-with-3d-transform18 / 2 / 2. / 2 / .11 / 2 / .2 / 1 / .. / 1 / .5 / 4 / .
mix-blend-mode-blended-with-transform-and-perspective19 / 1 / 1. / 1 / .11 / 2 / .1 / 1 / .. / 1 / .4 / 5 / .
mix-blend-mode-blending-with-sibling19 / 1 / .. / 1 / .11 / 2 / .2 / . / .. / 1 / .4 / 4 / 1
mix-blend-mode-border-image14 / 6 / 5. / 1 / .4 / 9 / 2. / 2 / .1 / 2 / .4 / 5 / .
mix-blend-mode-both-parent-and-blended-with-3d-transform19 / 1 / 1. / 1 / .11 / 2 / .1 / 1 / .. / 1 / .5 / 4 / .
mix-blend-mode-canvas-parent19 / 1 / 1. / 1 / .12 / 1 / .2 / . / .. / 1 / .4 / 5 / 2
mix-blend-mode-canvas-sibling20 / . / 1. / 1 / .11 / 2 / .2 / . / .. / 1 / .4 / 4 / 1
mix-blend-mode-computed19 / 1 / 113 / . / .1 / . / .6 / 2 / .
mix-blend-mode-creates-stacking-context1 / 19 / .1 / 12 / .. / 1 / .2 / 6 / .
mix-blend-mode-filter18 / 4 / 4. / 1 / .11 / 2 / 12 / . / .. / 1 / .1 / 37 / 1
mix-blend-mode-iframe-parent21 / . / .. / 1 / .12 / 1 / .2 / . / .. / 1 / .2 / 26 / .
mix-blend-mode-iframe-sibling20 / . / .. / 1 / .12 / 1 / .2 / . / .. / 1 / .3 / 20 / .
mix-blend-mode-image18 / 2 / .. / 1 / .13 / . / .1 / 1 / .. / 1 / .5 / 4 / .
mix-blend-mode-in-svg-image19 / 1 / .11 / 2 / .1 / . / .2 / 6 / .
mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius19 / 1 / 1. / 1 / .13 / . / .2 / . / .. / 1 / .1 / 8 / .
mix-blend-mode-invalid20 / . / .13 / . / 13 / . / .9 / . / .
mix-blend-mode-mask16 / 3 / 4. / 2 / .10 / 3 / 21 / . / 2. / 1 / 24 / 4 / .
mix-blend-mode-overflowing-child19 / . / 1. / 1 / .13 / . / .2 / . / .. / 1 / .6 / 2 / 1
mix-blend-mode-overflowing-child-of-blended-element18 / 1 / .. / 1 / .11 / 2 / .2 / . / .. / 1 / .6 / 2 / .
mix-blend-mode-paragraph19 / . / .. / 1 / .11 / 2 / 12 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-paragraph-background-image19 / . / .. / 1 / .11 / 2 / 12 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-parent-element-overflow-hidden-and-border-radius17 / 2 / 5. / 1 / .10 / 3 / .2 / . / .. / 1 / .6 / 2 / .
mix-blend-mode-parent-element-overflow-scroll18 / 1 / .. / 1 / .11 / 2 / .2 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed17 / 2 / 211 / 2 / .1 / . / .3 / 5 / .
mix-blend-mode-parent-with-3d-transform19 / . / .. / 1 / .12 / 1 / .2 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-parent-with-3d-transform-and-transition18 / 1 / 112 / 1 / 12 / . / .3 / 5 / .
mix-blend-mode-parent-with-border-radius19 / . / .. / 1 / .12 / 1 / .2 / . / .. / 1 / .7 / 1 / .
mix-blend-mode-parent-with-text18 / 1 / .. / 1 / .12 / 1 / 12 / . / .. / 1 / .6 / 2 / .
mix-blend-mode-parsing19 / . / 110 / 2 / .2 / . / .. / 1 / .8 / . / .
mix-blend-mode-script19 / . / .. / 1 / .10 / 2 / .2 / . / .. / 1 / .2 / 13 / .
mix-blend-mode-sibling-with-3d-transform18 / 1 / 1. / 1 / .11 / 1 / .2 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-sibling-with-3d-transform-and-transition18 / 1 / .11 / 1 / .2 / . / .2 / 6 / .
mix-blend-mode-simple19 / . / .. / 1 / .11 / 1 / .2 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-stacking-context-00118 / 1 / 1. / 1 / .11 / 1 / 12 / . / .. / 1 / .3 / 5 / .
mix-blend-mode-stacking-context-creates-isolation17 / 2 / .. / 1 / .10 / 2 / .2 / . / .. / 1 / .5 / 3 / .
mix-blend-mode-svg19 / . / .. / 1 / .11 / 1 / .2 / . / .. / 1 / .2 / 9 / .
mix-blend-mode-svg-rectangle18 / 1 / 111 / 1 / .1 / . / .5 / 3 / .
mix-blend-mode-valid19 / . / .10 / 2 / .3 / . / .5 / 3 / .
mix-blend-mode-video17 / 2 / .. / 1 / .11 / 1 / .2 / . / .. / 1 / .3 / 5 / .
mix-blend-mode-video-sibling14 / 5 / 2. / 1 / .8 / 4 / 32 / . / .. / 1 / .3 / 5 / .
mix-blend-mode-with-transform-and-preserve-3d15 / 4 / 1. / 1 / .1 / 17 / 1. / 2 / .1 / 1 / .4 / 4 / .
text-with-svg-background18 / 1 / 11. / 2 / .9 / 3 / 61 / . / .. / 2 / 14 / 4 / 5
text_with_svg_background17 / 2 / 51 / . / .12 / . / 101 / . / 1. / . / 113 / 1 / 6
will-change-stacking-context-mix-blend-mode-123 / . / .. / 1 / .10 / 2 / .2 / . / .. / 2 / .2 / 8 / 1
z-index-blend-will-change-overlapping-layers17 / 2 / 212 / . / .1 / . / .3 / 5 / .
3.4.2: The isolation property
background-blend-mode-computed. / 1 / .6 / 33 / 3. / 1 / .. / 1 / .11 / 2 / .1 / . / .2 / 11 / .
background-blend-mode-invalid1 / . / .20 / . / .1 / . / .12 / 1 / 13 / . / .7 / 2 / .
background-blend-mode-valid1 / . / .20 / . / .. / 1 / .12 / 1 / .3 / . / .6 / 3 / .
blend-isolation20 / . / 11 / . / .12 / 1 / 13 / . / .9 / . / .
isolation-computed19 / 1 / 212 / 1 / .1 / . / .8 / 1 / .
isolation-invalid20 / . / .12 / 1 / .3 / . / .7 / 2 / .
isolation-valid20 / . / .13 / . / .3 / . / .5 / 4 / .
mix-blend-mode-in-svg-image19 / 1 / .11 / 2 / .1 / . / .2 / 6 / .
will-change-stacking-context-isolation-123 / . / .. / 1 / .10 / 2 / .2 / . / .. / 2 / .2 / 8 / .
3.4.3: The background-blend-mode property
background-blend-mode-computed. / 1 / .6 / 33 / 3. / 1 / .. / 1 / .11 / 2 / .1 / . / .2 / 11 / .
background-blend-mode-gradient-image1 / . / .1 / . / .23 / 2 / 5. / 2 / .17 / 3 / .3 / . / .. / 2 / .3 / 16 / .
background-blend-mode-invalid1 / . / .20 / . / .1 / . / .12 / 1 / 13 / . / .7 / 2 / .
background-blend-mode-valid1 / . / .20 / . / .. / 1 / .12 / 1 / .3 / . / .6 / 3 / .
Property Index
inheritance18 / 2 / .10 / 3 / .1 / . / .6 / 2 / .
Passed4.62%1.54%100%9.23%0%100%92.31%4.62%100%
Coverage6.15%1.54%100%73.85%1.54%100%98.46%66.15%100%

65 of 65 required tests meet CR exit criteria.

CR exit criteria have been met.

Legend

Row color codes
two or more passes
* combo test passed by component tests
blocking failures
not enough results
reported as invalid
not passing, but optional
Result color codes
all results pass
pass reported, but also other results
all results fail
fail reported, but also other results
all results uncertain
reported as invalid
# pass / # fail / # uncertain