Add wpt annotations, implementation report

Author: svgeesus

compositing-1/Overview.bs

@@ -6,11 +6,19 @@ ED: https://drafts.fxtf.org/compositing-1/
 TR: https://www.w3.org/TR/compositing-1/
 Prepare for TR: no
 Previous Version: https://www.w3.org/TR/2015/CR-compositing-1-20150113/
-Previous Version: https://www.w3.org/TR/2014/CR-compositing-1-20140220/
 Shortname: compositing
 Link Defaults: css-color-4 (property) color, css-masking-1 (property) mask
 Level: 1
 Group: fxtf
+Repository: w3c/fxtf-drafts
+Complain About: missing-example-ids false
+Complain About: broken-links false
+Complain About: accidental-2119 true
+Inline Github Issues: title
+Default Highlight: css
+Implementation Report: https://wpt.fyi/results/css/compositing
+WPT Path Prefix: css/compositing/
+WPT Display: open
 Former Editor: Rik Cabanier, then of Adobe Systems Inc., w3cid 106988
 Former Editor: Nikos Andronikos, Canon Information Systems Research Australia, Nikos.Andronikos@cisra.canon.com.au
 Editor: Chris Harrelson, Google, chrishtr@chromium.org, w3cid 90243
@@ -135,6 +143,67 @@ The syntax of the property of <<blend-mode>> is given with:
 
 Note: Applying a blendmode other than <a value>normal</a> to the element must establish a new <a href="https://www.w3.org/tr/css21/visuren.html#x43">stacking context</a> [[!CSS21]]. This group must then be blended and composited with the <a href="https://www.w3.org/tr/css21/visuren.html#x43">stacking context</a> that contains the element.
 
+<wpt>
+  Blending_in_a_group_with_filter.html
+  Blending_in_a_group_with_opacity.html
+  Text_with_SVG_background.html
+  inheritance.html
+  line-with-svg-background.html
+  svg/mix-blend-mode-in-svg-image.html
+  svg/mix-blend-mode-svg-rectangle.html
+  text-with-svg-background.html
+  mix-blend-mode/mix-blend-mode-animation.html
+  mix-blend-mode/mix-blend-mode-blended-element-interposed.html
+  mix-blend-mode/mix-blend-mode-blended-element-overflow-hidden-and-border-radius.html
+  mix-blend-mode/mix-blend-mode-blended-element-overflow-scroll.html
+  mix-blend-mode/mix-blend-mode-blended-element-with-transparent-pixels.html
+  mix-blend-mode/mix-blend-mode-blended-with-3D-transform.html
+  mix-blend-mode/mix-blend-mode-blended-with-transform-and-perspective.html
+  mix-blend-mode/mix-blend-mode-blending-with-sibling.html
+  mix-blend-mode/mix-blend-mode-border-image.html
+  mix-blend-mode/mix-blend-mode-both-parent-and-blended-with-3D-transform.html
+  mix-blend-mode/mix-blend-mode-canvas-parent.html
+  mix-blend-mode/mix-blend-mode-canvas-sibling.html
+  mix-blend-mode/mix-blend-mode-creates-stacking-context.html
+  mix-blend-mode/mix-blend-mode-filter.html
+  mix-blend-mode/mix-blend-mode-iframe-parent.html
+  mix-blend-mode/mix-blend-mode-iframe-sibling.html
+  mix-blend-mode/mix-blend-mode-image.html
+  mix-blend-mode/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.html
+  mix-blend-mode/mix-blend-mode-mask.html
+  mix-blend-mode/mix-blend-mode-overflowing-child-of-blended-element.html
+  mix-blend-mode/mix-blend-mode-overflowing-child.html
+  mix-blend-mode/mix-blend-mode-paragraph-background-image.html
+  mix-blend-mode/mix-blend-mode-paragraph.html
+  mix-blend-mode/mix-blend-mode-parent-element-overflow-hidden-and-border-radius.html
+  mix-blend-mode/mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed.html
+  mix-blend-mode/mix-blend-mode-parent-element-overflow-scroll.html
+  mix-blend-mode/mix-blend-mode-parent-with-3D-transform-and-transition.html
+  mix-blend-mode/mix-blend-mode-parent-with-3D-transform.html
+  mix-blend-mode/mix-blend-mode-parent-with-border-radius.html
+  mix-blend-mode/mix-blend-mode-parent-with-text.html
+  mix-blend-mode/mix-blend-mode-parsing.html
+  mix-blend-mode/mix-blend-mode-plus-lighter-basic.html
+  mix-blend-mode/mix-blend-mode-plus-lighter-svg-basic.html
+  mix-blend-mode/mix-blend-mode-plus-lighter-svg.html
+  mix-blend-mode/mix-blend-mode-plus-lighter.html
+  mix-blend-mode/mix-blend-mode-root-element-group.html
+  mix-blend-mode/mix-blend-mode-rotated-clip.html
+  mix-blend-mode/mix-blend-mode-script.html
+  mix-blend-mode/mix-blend-mode-sibling-with-3D-transform-and-transition.html
+  mix-blend-mode/mix-blend-mode-sibling-with-3D-transform.html
+  mix-blend-mode/mix-blend-mode-simple.html
+  mix-blend-mode/mix-blend-mode-stacking-context-001.html
+  mix-blend-mode/mix-blend-mode-stacking-context-creates-isolation.html
+  mix-blend-mode/mix-blend-mode-svg.html
+  mix-blend-mode/mix-blend-mode-video-sibling.html
+  mix-blend-mode/mix-blend-mode-video.html
+  mix-blend-mode/mix-blend-mode-with-transform-and-preserve-3D.html
+  parsing/mix-blend-mode-computed.html
+  parsing/mix-blend-mode-invalid.html
+  parsing/mix-blend-mode-valid.html
+</wpt>
+
 <div class="example">
 <p>Given the following sample markup:</p>
 <pre>
@@ -274,6 +343,15 @@ The syntax of the property of <<isolation-mode>> is given with:
 
 <pre class="isolated prod"><dfn id="isolated-propid">&lt;isolation-mode></dfn> = auto | isolate</pre>
 
+<wpt>
+  inheritance.html
+  isolation/animation/isolation-no-interpolation.html
+  isolation/blend-isolation.html
+  parsing/isolation-computed.html
+  parsing/isolation-invalid.html
+  parsing/isolation-valid.html
+</wpt>
+
 <p id="img_isolation">
 In CSS, a background image or the content of an <a element>img</a> must always be rendered into an isolated group.<br>For instance, if you link to an SVG file through the <a element>img</a> tag, the artwork of that SVG will not blend with the backdrop of the content.</p>
 
@@ -299,6 +377,16 @@ Media: visual
 Animation type: discrete
 </pre>
 
+<wpt>
+  inheritance.html
+  background-blending/background-blend-mode-gradient-image.html
+  background-blending/background-blend-mode-plus-lighter.html
+  parsing/background-blend-mode-computed-multiple.html
+  parsing/background-blend-mode-computed.html
+  parsing/background-blend-mode-invalid.html
+  parsing/background-blend-mode-valid.html
+</wpt>
+
 The 'background-blend-mode' list must be applied in the same order as 'background-image' [[!CSS3BG]]. This means that the first element in the list will apply to the layer that is on top. If a property doesn't have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough.</p>
 
 If the 'background' [[!CSS3BG]] shorthand is used, the 'background-blend-mode'
@@ -364,6 +452,10 @@ The syntax of the property of <<composite-mode>> is given with:
 
 <pre class="compositemode prod"><dfn id="compositemode">&lt;composite-mode></dfn> = <a href="#porterduffcompositingoperators_clear">clear</a> | <a href="#porterduffcompositingoperators_src">copy</a> | <a href="#porterduffcompositingoperators_srcover">source-over</a> | <a href="#porterduffcompositingoperators_dstover">destination-over</a> | <a href="#porterduffcompositingoperators_srcin">source-in</a> | <br><a href="#porterduffcompositingoperators_dstin">destination-in</a> | <a href="#porterduffcompositingoperators_srcout">source-out</a> | <a href="#porterduffcompositingoperators_dstout">destination-out</a> | <a href="#porterduffcompositingoperators_srcatop">source-atop</a> | <br><a href="#porterduffcompositingoperators_dstatop">destination-atop</a> | <a href="#porterduffcompositingoperators_xor">xor</a> | <a href="#porterduffcompositingoperators_plus">lighter</a></pre>
 
+<wpt>
+  canvas-composite-modes.html
+</wpt>
+
 <h2 id="whatiscompositing">Introduction to compositing</h2>
 
 Compositing is the combining of a graphic element with its backdrop.
@@ -718,6 +810,19 @@ root element group, and any filter, clip-path, mask and and opacity is then
 applied, before compositing into the <a href="#rootgroup">root group</a>,
 if present.
 
+<wpt>
+  root-element-background-image-transparency-001.html
+  root-element-background-image-transparency-002.html
+  root-element-background-image-transparency-003.html
+  root-element-background-image-transparency-004.html
+  root-element-background-transparency.html
+  root-element-blend-mode.html
+  root-element-filter-background-clip-text-crash.html
+  root-element-filter.html
+  root-element-opacity-change.html
+  root-element-opacity.html
+</wpt>
+
 <h3 id="rootgroup">The Root Group</h3>
 The root group encompasses the entire canvas and contains (or is below) the root element group of the root element of a web page.
 
@@ -1199,7 +1304,7 @@ Brightens the <a>backdrop</a> color to reflect the source color. Painting with b
 </pre>
 
 <div class="figure">
-  <img src="examples/colordodge.png" alt="example of color dodge blending"/>
+  <img src="examples/colordodge.png" alt="example of color dodge blending">
   <p class="caption"></p>
 </div>
 
@@ -1403,8 +1508,14 @@ In both instances, the result of the group composite is composited onto the land
 
 </div>
 
-<h2 id="security">Security issues with compositing and blending</h2>
-
+<h2 id="privacy" class="no-num">
+Privacy Considerations</h2>
+  
+  <p>No new privacy considerations have been reported on this specification.</p>
+  
+<h3 id="security" class="no-num">
+Security Considerations</h2>
+  
 It is important that the timing to the blending and compositing operations is independent of the source and destination pixel. Operations must be implemented in such a way that they always take the same amount of time regardless of the pixel values.</p>
 
 <div class="note">
@@ -1419,16 +1530,6 @@ If this rule is not followed, an attacker could infer information and mount a ti
    of the element.</p>
 </div>
 
-<h2 id="privacy" class="no-num">
-Privacy Considerations</h2>
-  
-  <p>No new privacy considerations have been reported on this specification.</p>
-  
-<h3 id="security" class="no-num">
-Security Considerations</h2>
-  
-  <p>No new security considerations have been reported on this specification.</p>
-
 <h2 id="changes" class="no-num">Changes</h2>
 
 The following changes were made relative to the <a
@@ -1487,5 +1588,8 @@ Draft of 2013-06-25</a>:
  <li>all open issues were resolved
  </ul>
 
+ <wpt ignore>
+  opacity-and-transform-animation-crash.html
+ </wpt>
 </body>
 </html>