Missing Compositing tests

[gsnedders]

These have been moved over from bulk from csswg-test; each of these issues gives a test case description and an expected result. However, due to the age of these issues it should be checked that this expected result still matches the spec.

If you believe any of these issues needs discussion prior to working on it, please file a new issue here to discuss it. General discussion, however, can happen here.

If you write any tests for these, please link to this issue from the pull request and make sure someone marks it as done here.

• [ ] Simple <div>
• [ ] Blending <video>
• [ ] Blending with a sibling
• [ ] Blending with two levels of ascendants
• [ ] Parent with transparent pixels
• [ ] Parent with border-radius
• [ ] Child of the blended element has opacity
• [ ] Overflowed child of the blended element
• [ ] Blended element with transparent pixels
• [ ] Parent with 3D transform
• [ ] Blended element with 3D transform
• [ ] Both parent and blended element with 3D transform
• [ ] Blended element with transform and preserve-3d
• [ ] Blended element with transform and perspective
• [ ] Sibling with 3D transform between the parent and the blended element
• [ ] Parent with 3D transform and transition
• [ ] Sibling with 3D transform(and transition) between the parent and the blended element
• [ ] Parent element with overflow:scroll
• [ ] Blended element with overflow:scroll
• [ ] Parent element with overflow:scroll and blended with position:fixed
• [ ] Parent with overflow:hidden and border-radius
• [ ] Blended element with overflow:hidden and border-radius
• [ ] Intermediate child with overflow:hidden and border-radius between the parent and the blended element
• [ ] Blended element with border-image
• [ ] Blending with <canvas>
• [ ] Blended <canvas>
• [ ] Blended <video>
• [ ] Blending with <iframe>
• [ ] Blended <iframe>
• [ ] Blended element with mask property
• [ ] Blended element with clip-path property
• [ ] Blended element with filter property
• [ ] Blended element with transition
• [ ] Blended element with animation
• [ ] Image element
• [ ] SVG element
• [ ] Paragraph element
• [ ] Paragraph element and background-image
• [ ] Set blending from JavaScript
• [ ] Sibling with 3D transform(and transition) between the parent and the blended element
• [ ] Isolation on intermediate element with transparent pixels
• [ ] Circle with SVG background
• [ ] Ellipse with SVG background
• [ ] Image with SVG background
• [ ] Line with SVG background
• [ ] Path with SVG background
• [ ] Polygon with SVG background
• [ ] Rect with SVG background
• [ ] Text having tspan with SVG background
• [ ] Gradient with SVG background
• [ ] Pattern with SVG background
• [ ] Set blending on an element from JavaScript
• [ ] Marker with SVG background
• [ ] Metadata with SVG background
• [ ] ForeignObject with SVG background
• [ ] Group of overlapping elements with SVG background
• [ ] Blending two elements in an isolated group
• [ ] Blending in a group with filter
• [ ] Blending in a group with 2D transform
• [ ] Blending in a group with 3D transform
• [ ] Blending in a group with a mask
• [ ] Blending in a group with mix-blend-mode
• [ ] Blend with element having opacity
• [ ] Blend with element having stroke
• [ ] Blend with element having stroke-opacity
• [ ] Blend with element having stroke-dasharray
• [ ] Blend with element having transform
• [ ] Blend with SVG having viewbox and preserveAspectRatio set
• [ ] Blend with an element having color-profile set
• [ ] Blend with an element having overflow
• [ ] Blend with an element having clip-path
• [ ] Blend with an element having a mask
• [ ] Blend with an element having a filter
• [ ] Blend with an animated element
• [ ] Set blending from an SVG script element
• [ ] Blending two elements in an isolated group - SVG isolation:isolate
• [ ] Isolate inside a stacking context created by a 3d transform
• [ ] Images with different formats
• [ ] Gradient and background color
• [ ] Image and gradient
• [ ] Gradient and image
• [ ] Two gradients
• [ ] Two images
• [ ] One background layer
• [ ] Two elements
• [ ] Different blend modes applied between layers
• [ ] Blend mode list repeat
• [ ] Default blend mode for 'background' shorthand
• [ ] background-position percentage
• [ ] Background size defined in pixels
• [ ] Background size defined in percentage (second phase)
• [ ] Background size cover
• [ ] Background size contain
• [ ] background-repeat set to no-repeat
• [ ] background-clip set to padding-box
• [ ] background-clip set to content-box
• [ ] background-origin set to border-box
• [ ] background-attachment set to fixed
• [ ] Isolation isolate
• [ ] Isolation of blended child which overflows
• [ ] Isolation auto
• [ ] Stacking context not affected by isolation
• [ ] Blending in an isolated group
• [ ] Blending in an isolated group with 2D transform
• [ ] Set isolation on an element from JavaScript
• [ ] Blending a group with isolation:auto
• [ ] Blending in a group with opacity

[meyerweb]

This looks like all the issues have been closed separately. True/false?

[gsnedders]

This looks like all the issues have been closed separately. True/false?

False; they all got closed in the all csswg-test repo, as part of tidying up that repo. This predates GitHub having any way to move issues between repos, and I didn't see much point in manually (or rather, with-a-bot) copying over a huge number of issues which had already sat unattended for years.