Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-21 07:38:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests and CSS tests.

Browse source 
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger 2017-02-06 11:06:12 +01:00
parent fb4f421c8b
commit 296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
Download patch file Download diff file Expand all files Collapse all files

2
python/servo/lints/wpt_lint.py
View file

@ -32,6 +32,6 @@ class Lint(LintRunner):
site.addsitedir(wpt_working_dir)
from tools.lint import lint
file_dir = os.path.abspath(os.path.join(WPT_PATH, suite))
returncode = lint.lint(file_dir, files, output_json=False)
returncode = lint.lint(file_dir, files, output_json=False, css_mode=False)
if returncode:
yield ("WPT Lint Tool", "", "lint error(s) in Web Platform Tests: exit status %s" % returncode)

12
tests/wpt/css-tests/compositing-1_dev/html/chapter-3.htm
View file

@ -13,7 +13,7 @@
<body>
<h1>Compositing and Blending Level 1 CR Test Suite</h1>
<h2>Specifying Blending in CSS (52 tests)</h2>
<h2>Specifying Blending in CSS (53 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -77,7 +77,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4.1">+</a>
<a href="https://www.w3.org/TR/compositing-1/#mix-blend-mode">3.4.1 The mix-blend-mode property</a></th></tr>
<!-- 50 tests -->
<!-- 51 tests -->
<tr id="blending_in_a_group_with_filter-3.4.1" class="svg">
<td>
<a href="Blending_in_a_group_with_filter.htm">blending_in_a_group_with_filter</a></td>
@ -100,6 +100,14 @@
</ul>
</td>
</tr>
<tr id="compositing_simple_div-3.4.1" class="">
<td>
<a href="compositing_simple_div.htm">compositing_simple_div</a></td>
<td><a href="reference/compositing_simple_div-ref.htm">=</a> </td>
<td></td>
<td>[simple&lt;div&gt;] blending
</td>
</tr>
<tr id="line-with-svg-background-3.4.1" class="svg">
<td>
<a href="line-with-svg-background.htm">line-with-svg-background</a></td>

21
tests/wpt/css-tests/compositing-1_dev/html/compositing_simple_div.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html><head>
<title>[simple&lt;div&gt;] blending</title>
<link href="mailto:augur521@hotmail.com" rel="author" title="Aili Wang">
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help">
<link href="reference/compositing_simple_div-ref.htm" rel="match">
<style>
#b{background-color:rgb(255,0,255); mix-blend-mode:difference; width:100px;height:100px
}
</style>
</head>
<body>
<div id="b"></div>
</body></html>

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-animation.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with animation</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an element with mix-blend-mode and animation blends with the parent element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-canvas-parent.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Canvas with mix-blend-mode blends with the parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with the content of the parent element." name="assert">
<meta content="dom" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-canvas-sibling.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Canvas with mix-blend-mode blends with sibling element</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with a sibling element." name="assert">
<meta content="dom" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-filter.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with filter.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an element having a filter effect and mix-blend-mode blends with its parent element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-iframe-parent.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with its parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an iframe element blends with its parent element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-iframe-sibling.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with a sibling element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an iframe element blends with a sibling element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-image.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Image element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that mix-blend-mode is applied to an img element." name="assert">
<meta content="image" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-mask.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with masking.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an element having mask and mix-blend-mode blends with its parent element." name="assert">
<meta content="svg" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-paragraph-background-image.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that test a paragraph element blends with the parent element having background image." name="assert">
<meta content="svg" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-paragraph.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Paragraph element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that test a paragraph element blends with the parent element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

1
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-parsing.htm
View file

@ -10,7 +10,6 @@
<meta content="Test checks that the value specified for mix-blend-mode property is correctly parsed" name="assert">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link href="/resources/testharness.css" rel="stylesheet">
</head>
<body>
<div id="log"></div>

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-script.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Set mix-blend-mode from script.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that mix-blend-mode is applied when set from script." name="assert">
<meta content="dom" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-svg-rectangle.htm
View file

@ -13,7 +13,7 @@
<body>
<p>There should be no red rectangle on the screen. <br>
Test passes if you see a black rectangle.</p>
<svg width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="400px">
<svg height="400px" width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg">
<rect y="0" width="100" fill="aqua" x="0" height="100"></rect>
<rect width="100" style="mix-blend-mode: multiply" y="0" x="0" fill="red" height="100"></rect>
</svg>

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-svg.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: SVG element is blended.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an SVG element blends with the parent container." name="assert">
<meta content="svg" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-transition.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with transition</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that an element having a transition applied on opacity blends with the parent element." name="assert">
<meta content="dom" name="flags">

2
tests/wpt/css-tests/compositing-1_dev/html/mix-blend-mode-video.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Video element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help">
<meta content="Test checks that mix-blend-mode is applied to a video element." name="assert">
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier">

21
tests/wpt/css-tests/compositing-1_dev/html/reference/compositing_simple_div-ref.htm Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html><head>
<title>[simple&lt;div&gt;] blending reference</title>
<link href="mailto:augur521@hotmail.com" rel="author" title="Aili Wang">
<link href="http://www.w3.org/TR/compositing-1/" rel="help">
<style>
#b{background-color:rgb(0,255,0); width:100px;height:100px
}
</style>
</head>
<body>
<div id="b"></div>
</body></html>

2
tests/wpt/css-tests/compositing-1_dev/html/reference/green-square-100-by-100-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change reference</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<style>
html, body { margin: 0; padding: 0; }

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-animation-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with animation</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-canvas-parent-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Canvas with mix-blend-mode blends with the parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
</head>
<body>
<p>Test passes if you can see a green rectangle. <br>

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-canvas-sibling-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Canvas with mix-blend-mode blends with sibling element</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
</head>
<body>
<p>Test passes if you can see a green rectangle. <br>

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-filter-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with filter.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-iframe-parent-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with its parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
</head>
<body>
<p>Test passes if you can see a green rectangle. <br>

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-iframe-sibling-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with a sibling element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
</head>
<body>
<p>Test passes if you can see a green rectangle. <br>

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-image-notref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Image element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-mask-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with masking.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-paragraph-background-image-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-paragraph-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Paragraph element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<meta content="Test checks that test a paragraph element blends with the parent element." name="assert">
<style type="text/css">
div {

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-script-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Set mix-blend-mode from script.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-svg-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: SVG element is blended.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-transition-ref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Blended element with transition</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<meta content="dom" name="flags">
<style type="text/css">
div {

2
tests/wpt/css-tests/compositing-1_dev/html/reference/mix-blend-mode-video-notref.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: Video element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica">
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica">
<style type="text/css">
div {
width: 480px;

8
tests/wpt/css-tests/compositing-1_dev/html/reftest-toc.htm
View file

@ -32,6 +32,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="compositing_simple_div" class="">
<tr>
<td rowspan="1" title="[simple&lt;div&gt;] blending">
<a href="compositing_simple_div.htm">compositing_simple_div</a></td>
<td><a href="reference/compositing_simple_div-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mix-blend-mode-animation" class="">
<tr>
<td rowspan="1" title="Blended element with animation">

1
tests/wpt/css-tests/compositing-1_dev/html/reftest.list
View file

@ -1,5 +1,6 @@
background-blend-mode-gradient-image.htm == reference/background-blend-mode-gradient-image-ref.htm
compositing_simple_div.htm == reference/compositing_simple_div-ref.htm
mix-blend-mode-animation.htm == reference/mix-blend-mode-animation-ref.htm
mix-blend-mode-blended-element-interposed.htm == reference/green-square.htm
mix-blend-mode-blended-element-overflow-hidden-and-border-radius.htm == reference/mix-blend-mode-blended-element-overflow-hidden-and-border-radius-ref.htm

2
tests/wpt/css-tests/compositing-1_dev/html/toc.htm
View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Specifying Blending in CSS</a></th>
<td>(52 Tests)</td></tr>
<td>(53 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -

2
tests/wpt/css-tests/compositing-1_dev/html/will-change-stacking-context-isolation-1.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
<link href="http://www.w3.org/TR/compositing-1/#isolation" rel="help">

2
tests/wpt/css-tests/compositing-1_dev/html/will-change-stacking-context-mix-blend-mode-1.htm
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help">

74
tests/wpt/css-tests/compositing-1_dev/implementation-report-TEMPLATE.data
View file

@ -11,10 +11,12 @@ html/blending_in_a_group_with_filter.htm c38878e1c33585325870d56650a622470ec16eb
xhtml1/blending_in_a_group_with_filter.xht c38878e1c33585325870d56650a622470ec16eb8 ?
html/blending_in_a_group_with_opacity.htm 19ea11d72459630c0655a466c6c840e32087b626 ?
xhtml1/blending_in_a_group_with_opacity.xht 19ea11d72459630c0655a466c6c840e32087b626 ?
html/compositing_simple_div.htm 3c764f9a0c4f5261da796ce0295cdf7d2fe211e4 ?
xhtml1/compositing_simple_div.xht 3c764f9a0c4f5261da796ce0295cdf7d2fe211e4 ?
html/line-with-svg-background.htm 29d19c66e2d9a863866bb93010a482900db0631f ?
xhtml1/line-with-svg-background.xht 29d19c66e2d9a863866bb93010a482900db0631f ?
html/mix-blend-mode-animation.htm ad4716964bb670af647923482d124cc84e6957da ?
xhtml1/mix-blend-mode-animation.xht ad4716964bb670af647923482d124cc84e6957da ?
html/mix-blend-mode-animation.htm 3a18a1ba6f13bc808b43d22604813007a3bc97a4 ?
xhtml1/mix-blend-mode-animation.xht 3a18a1ba6f13bc808b43d22604813007a3bc97a4 ?
html/mix-blend-mode-blended-element-interposed.htm a73e52f9a1d5c6b324915da0701509d73d9c33d5 ?
xhtml1/mix-blend-mode-blended-element-interposed.xht a73e52f9a1d5c6b324915da0701509d73d9c33d5 ?
html/mix-blend-mode-blended-element-overflow-hidden-and-border-radius.htm fd0094a717cc6b28d2460d6fe78da07d883d8b30 ?
@ -33,34 +35,34 @@ html/mix-blend-mode-border-image.htm 05feaeb59bc194184f916e1210f5bac0f5c90a88 ?
xhtml1/mix-blend-mode-border-image.xht 05feaeb59bc194184f916e1210f5bac0f5c90a88 ?
html/mix-blend-mode-both-parent-and-blended-with-3d-transform.htm 47e17bb0511471f65f737346a053aee3680a992d ?
xhtml1/mix-blend-mode-both-parent-and-blended-with-3d-transform.xht 47e17bb0511471f65f737346a053aee3680a992d ?
html/mix-blend-mode-canvas-parent.htm 3647f13a02b9f87731341d61ffa603509eb8814e ?
xhtml1/mix-blend-mode-canvas-parent.xht 3647f13a02b9f87731341d61ffa603509eb8814e ?
html/mix-blend-mode-canvas-sibling.htm a07f7f5be4158fb5feae7bbb3468c89694f3305f ?
xhtml1/mix-blend-mode-canvas-sibling.xht a07f7f5be4158fb5feae7bbb3468c89694f3305f ?
html/mix-blend-mode-canvas-parent.htm 55cdd24050491370dfa5fabc0ce2c4a18e832da2 ?
xhtml1/mix-blend-mode-canvas-parent.xht 55cdd24050491370dfa5fabc0ce2c4a18e832da2 ?
html/mix-blend-mode-canvas-sibling.htm 58ed7b624ff158d4a22be85aefa3c86ae8f01166 ?
xhtml1/mix-blend-mode-canvas-sibling.xht 58ed7b624ff158d4a22be85aefa3c86ae8f01166 ?
html/mix-blend-mode-creates-stacking-context.htm cf9d3621d02fbb0f461b48ebec727a5481fb8067 ?
xhtml1/mix-blend-mode-creates-stacking-context.xht cf9d3621d02fbb0f461b48ebec727a5481fb8067 ?
html/mix-blend-mode-filter.htm 514e4fa06146adb11d4f119fa2da28700fa6e2bd ?
xhtml1/mix-blend-mode-filter.xht 514e4fa06146adb11d4f119fa2da28700fa6e2bd ?
html/mix-blend-mode-iframe-parent.htm 341ff6a9dbe41e18b8bdec1ab66679d4f5294953 ?
xhtml1/mix-blend-mode-iframe-parent.xht 341ff6a9dbe41e18b8bdec1ab66679d4f5294953 ?
html/mix-blend-mode-iframe-sibling.htm 5d4643fe67f5588c60f93838ff7e6e2a85897114 ?
xhtml1/mix-blend-mode-iframe-sibling.xht 5d4643fe67f5588c60f93838ff7e6e2a85897114 ?
html/mix-blend-mode-image.htm 43cdfd4c0aa40b7dc30f37b2c1c178a71279cd50 ?
xhtml1/mix-blend-mode-image.xht 43cdfd4c0aa40b7dc30f37b2c1c178a71279cd50 ?
html/mix-blend-mode-filter.htm 59cb0cc1cadd3b8becca8fe0c710f80292b4716b ?
xhtml1/mix-blend-mode-filter.xht 59cb0cc1cadd3b8becca8fe0c710f80292b4716b ?
html/mix-blend-mode-iframe-parent.htm b40ffa75096d72b5219653679566c91f3b1cf1ce ?
xhtml1/mix-blend-mode-iframe-parent.xht b40ffa75096d72b5219653679566c91f3b1cf1ce ?
html/mix-blend-mode-iframe-sibling.htm 004b68a605e32f09aceef070a232add7faa2e3e4 ?
xhtml1/mix-blend-mode-iframe-sibling.xht 004b68a605e32f09aceef070a232add7faa2e3e4 ?
html/mix-blend-mode-image.htm 9d8a98ae2e6931ecf0cb08b3cf9e20022c1909d6 ?
xhtml1/mix-blend-mode-image.xht 9d8a98ae2e6931ecf0cb08b3cf9e20022c1909d6 ?
html/mix-blend-mode-in-svg-image.htm 4480bae2abba3a9bc0cc9c56fc116b8eec389d00 ?
xhtml1/mix-blend-mode-in-svg-image.xht 4480bae2abba3a9bc0cc9c56fc116b8eec389d00 ?
html/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.htm 99899b817b19d0c2f4f54885bfc17b43ebd49ba9 ?
xhtml1/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius.xht 99899b817b19d0c2f4f54885bfc17b43ebd49ba9 ?
html/mix-blend-mode-mask.htm 2437386ea7e9b6345d99c5d57c9333caa91144af ?
xhtml1/mix-blend-mode-mask.xht 2437386ea7e9b6345d99c5d57c9333caa91144af ?
html/mix-blend-mode-mask.htm 1f5894c4e76ae2d48c69882bc0e32279ac1d9ccc ?
xhtml1/mix-blend-mode-mask.xht 1f5894c4e76ae2d48c69882bc0e32279ac1d9ccc ?
html/mix-blend-mode-overflowing-child-of-blended-element.htm e08e0c2d72fdc1a1e7e8b5ce168a31f68aba1ece ?
xhtml1/mix-blend-mode-overflowing-child-of-blended-element.xht e08e0c2d72fdc1a1e7e8b5ce168a31f68aba1ece ?
html/mix-blend-mode-overflowing-child.htm b2900af3dbd6c62693bbb9bf3155de80a99129b9 ?
xhtml1/mix-blend-mode-overflowing-child.xht b2900af3dbd6c62693bbb9bf3155de80a99129b9 ?
html/mix-blend-mode-paragraph-background-image.htm 66c45c2803df4dce535a3607e6f3614305585756 ?
xhtml1/mix-blend-mode-paragraph-background-image.xht 66c45c2803df4dce535a3607e6f3614305585756 ?
html/mix-blend-mode-paragraph.htm 6848c7380ca713e9f2c4c57dfe32aacffbbf6dfc ?
xhtml1/mix-blend-mode-paragraph.xht 6848c7380ca713e9f2c4c57dfe32aacffbbf6dfc ?
html/mix-blend-mode-paragraph-background-image.htm 44407cec05f6f9cf3d4da4fed25fb81ceeeef71e ?
xhtml1/mix-blend-mode-paragraph-background-image.xht 44407cec05f6f9cf3d4da4fed25fb81ceeeef71e ?
html/mix-blend-mode-paragraph.htm ec3bda974c4a202c64eef37af8ef00d368d2ce85 ?
xhtml1/mix-blend-mode-paragraph.xht ec3bda974c4a202c64eef37af8ef00d368d2ce85 ?
html/mix-blend-mode-parent-element-overflow-hidden-and-border-radius.htm 6b7cb7d087a31ad3db590ad28e2ffc166fbf4988 ?
xhtml1/mix-blend-mode-parent-element-overflow-hidden-and-border-radius.xht 6b7cb7d087a31ad3db590ad28e2ffc166fbf4988 ?
html/mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed.htm fc0fc08055820b0f2d48d7c973bb7fa518c4d4ff ?
@ -75,10 +77,10 @@ html/mix-blend-mode-parent-with-border-radius.htm 2e23c394cb6a6b107becc8d0cd42d6
xhtml1/mix-blend-mode-parent-with-border-radius.xht 2e23c394cb6a6b107becc8d0cd42d61d8d6dfdc2 ?
html/mix-blend-mode-parent-with-text.htm 1e521a21cce7d72c2b36efab4b2a34ffde1580d6 ?
xhtml1/mix-blend-mode-parent-with-text.xht 1e521a21cce7d72c2b36efab4b2a34ffde1580d6 ?
html/mix-blend-mode-parsing.htm 48f46ae6cda9281f1232a4a9e15aba543b84d375 ?
xhtml1/mix-blend-mode-parsing.xht 48f46ae6cda9281f1232a4a9e15aba543b84d375 ?
html/mix-blend-mode-script.htm d6b283e99c75b71315c39e02031f4e40c5f35a70 ?
xhtml1/mix-blend-mode-script.xht d6b283e99c75b71315c39e02031f4e40c5f35a70 ?
html/mix-blend-mode-parsing.htm 33e886c36234f6f8f05db27d577065cef70b393c ?
xhtml1/mix-blend-mode-parsing.xht 33e886c36234f6f8f05db27d577065cef70b393c ?
html/mix-blend-mode-script.htm f83adad51ec4bec6d3d35344607f1e5b425dc129 ?
xhtml1/mix-blend-mode-script.xht f83adad51ec4bec6d3d35344607f1e5b425dc129 ?
html/mix-blend-mode-sibling-with-3d-transform-and-transition.htm c7b477c0b90c2643c603112f05398c877665417c ?
xhtml1/mix-blend-mode-sibling-with-3d-transform-and-transition.xht c7b477c0b90c2643c603112f05398c877665417c ?
html/mix-blend-mode-sibling-with-3d-transform.htm 1b13d717a85ca5439f48a7f813b6ec829bbc39f3 ?
@ -89,23 +91,23 @@ html/mix-blend-mode-stacking-context-001.htm 449a7f3327f38ad5c26f396bc9d2f2e0ef8
xhtml1/mix-blend-mode-stacking-context-001.xht 449a7f3327f38ad5c26f396bc9d2f2e0ef8cdc73 ?
html/mix-blend-mode-stacking-context-creates-isolation.htm 762930f65384549baa985e42c93dd3624fa8c37c ?
xhtml1/mix-blend-mode-stacking-context-creates-isolation.xht 762930f65384549baa985e42c93dd3624fa8c37c ?
html/mix-blend-mode-svg-rectangle.htm 057c5b96bcf171376e3f6284426621fc7e101119 ?
xhtml1/mix-blend-mode-svg-rectangle.xht 057c5b96bcf171376e3f6284426621fc7e101119 ?
html/mix-blend-mode-svg.htm e8f41a89632615115742710198265da2d772e5d5 ?
xhtml1/mix-blend-mode-svg.xht e8f41a89632615115742710198265da2d772e5d5 ?
html/mix-blend-mode-transition.htm 02693251ed25a79e3836b6b01b2fc41ad59eebed ?
xhtml1/mix-blend-mode-transition.xht 02693251ed25a79e3836b6b01b2fc41ad59eebed ?
html/mix-blend-mode-svg-rectangle.htm d15d58a74e2221ef9bed5240af1dbbec6689ff9c ?
xhtml1/mix-blend-mode-svg-rectangle.xht d15d58a74e2221ef9bed5240af1dbbec6689ff9c ?
html/mix-blend-mode-svg.htm 32edec06ce2c5105dd697eff6565fd4b3c43c66d ?
xhtml1/mix-blend-mode-svg.xht 32edec06ce2c5105dd697eff6565fd4b3c43c66d ?
html/mix-blend-mode-transition.htm 9954dbf821230c92c07ddb971aea0c0918e719b9 ?
xhtml1/mix-blend-mode-transition.xht 9954dbf821230c92c07ddb971aea0c0918e719b9 ?
html/mix-blend-mode-video-sibling.htm a94d04d3fce622b8da1e5c0ab1887269b95651c2 ?
xhtml1/mix-blend-mode-video-sibling.xht a94d04d3fce622b8da1e5c0ab1887269b95651c2 ?
html/mix-blend-mode-video.htm 465053f9137259060d61f372de1db5603a7b07c5 ?
xhtml1/mix-blend-mode-video.xht 465053f9137259060d61f372de1db5603a7b07c5 ?
html/mix-blend-mode-video.htm b8f1217855ebfabbcf721e0577d3db71139685bf ?
xhtml1/mix-blend-mode-video.xht b8f1217855ebfabbcf721e0577d3db71139685bf ?
html/mix-blend-mode-with-transform-and-preserve-3d.htm 38b90d32f75f6f1bf528937b5a0138f56e4a4ad5 ?
xhtml1/mix-blend-mode-with-transform-and-preserve-3d.xht 38b90d32f75f6f1bf528937b5a0138f56e4a4ad5 ?
html/text-with-svg-background.htm 5cf456633678ba10a2ea20e5cf55ff34713bc7a2 ?
xhtml1/text-with-svg-background.xht 5cf456633678ba10a2ea20e5cf55ff34713bc7a2 ?
html/text_with_svg_background.htm 2b9ae3afd4e0927b11adcab29b13f9ab1d7e4098 ?
xhtml1/text_with_svg_background.xht 2b9ae3afd4e0927b11adcab29b13f9ab1d7e4098 ?
html/will-change-stacking-context-isolation-1.htm ce631e0d14948d2831d084bad24c675f5f760f3c ?
xhtml1/will-change-stacking-context-isolation-1.xht ce631e0d14948d2831d084bad24c675f5f760f3c ?
html/will-change-stacking-context-mix-blend-mode-1.htm 0db38bd13bc550a378147e5e1507421035defd4d ?
xhtml1/will-change-stacking-context-mix-blend-mode-1.xht 0db38bd13bc550a378147e5e1507421035defd4d ?
html/will-change-stacking-context-isolation-1.htm dd9a5cad98629af797235fec840257b856371ee0 ?
xhtml1/will-change-stacking-context-isolation-1.xht dd9a5cad98629af797235fec840257b856371ee0 ?
html/will-change-stacking-context-mix-blend-mode-1.htm 34826b02ec77b204c899a70a5b9bb124aa7f97da ?
xhtml1/will-change-stacking-context-mix-blend-mode-1.xht 34826b02ec77b204c899a70a5b9bb124aa7f97da ?

1
tests/wpt/css-tests/compositing-1_dev/index.htm
View file

@ -131,6 +131,7 @@
<p>Many thanks to the following for their contributions:</p>
<ul>
<li>Aili Wang</li>
<li>cabanier</li>
<li>dmyang</li>
<li>Ion Ro&#537;ca</li>

1
tests/wpt/css-tests/compositing-1_dev/index.xht
View file

@ -131,6 +131,7 @@
<p>Many thanks to the following for their contributions:</p>
<ul>
<li>Aili Wang</li>
<li>cabanier</li>
<li>dmyang</li>
<li>Ion Ro&#537;ca</li>

37
tests/wpt/css-tests/compositing-1_dev/testinfo.data
View file

@ -3,8 +3,9 @@ background-blend-mode-gradient-image reference/background-blend-mode-gradient-im
blend-isolation CSS Compositing and Blending: isolation applied to a group containing blending http://www.w3.org/TR/compositing-1/#isolation 13101915caa8d60e7cc0985dcaa53274709a2bef `cabanier`<mailto:cabanier@adobe.com> Isolation on a group with blending
Blending_in_a_group_with_filter Blending in a group with filter svg http://www.w3.org/TR/compositing-1/#mix-blend-mode c38878e1c33585325870d56650a622470ec16eb8 `windtale`<mailto:windtale@163.com> Blending in a group with filter
Blending_in_a_group_with_opacity Blending in a group with opacity svg http://www.w3.org/TR/compositing-1/#mix-blend-mode 19ea11d72459630c0655a466c6c840e32087b626 `windtale`<mailto:windtale@163.com> Blending in a group with opacity
compositing_simple_div reference/compositing_simple_div-ref [simple<div>] blending http://www.w3.org/TR/compositing-1/#mix-blend-mode 3c764f9a0c4f5261da796ce0295cdf7d2fe211e4 `Aili Wang`<mailto:augur521@hotmail.com>
line-with-svg-background CSS mix-blend-mode API Test svg http://www.w3.org/TR/compositing-1/#mix-blend-mode 29d19c66e2d9a863866bb93010a482900db0631f `dmyang`<mailto:yangdemo@gmail.com>
mix-blend-mode-animation reference/mix-blend-mode-animation-ref Blended element with animation https://drafts.fxtf.org/compositing-1/#mix-blend-mode ad4716964bb670af647923482d124cc84e6957da `Mihai Tica`<mitica@adobe.com> Test checks that an element with mix-blend-mode and animation blends with the parent element.
mix-blend-mode-animation reference/mix-blend-mode-animation-ref Blended element with animation https://drafts.fxtf.org/compositing-1/#mix-blend-mode 3a18a1ba6f13bc808b43d22604813007a3bc97a4 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode and animation blends with the parent element.
mix-blend-mode-blended-element-interposed reference/green-square CSS Reftest Reference https://drafts.fxtf.org/compositing-1/#mix-blend-mode a73e52f9a1d5c6b324915da0701509d73d9c33d5 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode having a child blends with the parent element.
mix-blend-mode-blended-element-overflow-hidden-and-border-radius reference/mix-blend-mode-blended-element-overflow-hidden-and-border-radius-ref blending between an element and its child having overflow:hidden and border-radius https://drafts.fxtf.org/compositing-1/#mix-blend-mode fd0094a717cc6b28d2460d6fe78da07d883d8b30 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element having mix-blend-mode, overflow:hidden and border-radius blends correctly with its parent element.
mix-blend-mode-blended-element-overflow-scroll reference/mix-blend-mode-blended-element-overflow-scroll-ref blending between an element and its child having overflow:scroll https://drafts.fxtf.org/compositing-1/#mix-blend-mode a1d33653ff52d7925e5ee31178fab50f2aea1bdf `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element with mix-blend-mode and overflow:scroll blends with its parent element
@ -14,20 +15,20 @@ mix-blend-mode-blended-with-transform-and-perspective reference/mix-blend-mode-b
mix-blend-mode-blending-with-sibling reference/green-square mix-blend-mode between an element and its sibling https://drafts.fxtf.org/compositing-1/#mix-blend-mode 374649d459060c99dcf18ac47bf215bdd6a07a14 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode blends with a sibling element
mix-blend-mode-border-image reference/mix-blend-mode-border-image-ref Blended element with border image svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 05feaeb59bc194184f916e1210f5bac0f5c90a88 `Mihai Tica`<mailto:mitica@adobe.com> Test checks if mix-blend-mode is applied for an element with border-image.
mix-blend-mode-both-parent-and-blended-with-3D-transform reference/mix-blend-mode-both-parent-and-blended-with-3D-transform-ref mix-blend-mode between an element and its child (both with 3D transform) https://drafts.fxtf.org/compositing-1/#mix-blend-mode 47e17bb0511471f65f737346a053aee3680a992d `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that the element with mix-blend-mode blends with the parent element (both with 3D transform)
mix-blend-mode-canvas-parent reference/mix-blend-mode-canvas-parent-ref Canvas with mix-blend-mode blends with the parent element. dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 3647f13a02b9f87731341d61ffa603509eb8814e `Mihai Tica`<mitica@adobe.com> Test checks that a canvas element having mix-blend-mode applied blends with the content of the parent element.
mix-blend-mode-canvas-sibling reference/mix-blend-mode-canvas-sibling-ref Canvas with mix-blend-mode blends with sibling element dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode a07f7f5be4158fb5feae7bbb3468c89694f3305f `Mihai Tica`<mitica@adobe.com> Test checks that a canvas element having mix-blend-mode applied blends with a sibling element.
mix-blend-mode-canvas-parent reference/mix-blend-mode-canvas-parent-ref Canvas with mix-blend-mode blends with the parent element. dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 55cdd24050491370dfa5fabc0ce2c4a18e832da2 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that a canvas element having mix-blend-mode applied blends with the content of the parent element.
mix-blend-mode-canvas-sibling reference/mix-blend-mode-canvas-sibling-ref Canvas with mix-blend-mode blends with sibling element dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 58ed7b624ff158d4a22be85aefa3c86ae8f01166 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that a canvas element having mix-blend-mode applied blends with a sibling element.
mix-blend-mode-creates-stacking-context an element with mix-blend-mode other than normal creates a stacking context dom,script https://drafts.fxtf.org/compositing-1/#mix-blend-mode cf9d3621d02fbb0f461b48ebec727a5481fb8067 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that applying a blendmode other than normal to the element must establish a new stacking context.
mix-blend-mode-filter reference/mix-blend-mode-filter-ref Blended element with filter. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 514e4fa06146adb11d4f119fa2da28700fa6e2bd `Mihai Tica`<mitica@adobe.com> Test checks that an element having a filter effect and mix-blend-mode blends with its parent element.
mix-blend-mode-iframe-parent reference/mix-blend-mode-iframe-parent-ref an iframe element with mix-blend-mode should blend with its parent element. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 341ff6a9dbe41e18b8bdec1ab66679d4f5294953 `Mihai Tica`<mitica@adobe.com> Test checks that an iframe element blends with its parent element.
mix-blend-mode-iframe-sibling reference/mix-blend-mode-iframe-sibling-ref an iframe element with mix-blend-mode should blend with a sibling element. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 5d4643fe67f5588c60f93838ff7e6e2a85897114 `Mihai Tica`<mitica@adobe.com> Test checks that an iframe element blends with a sibling element.
mix-blend-mode-image !reference/mix-blend-mode-image-notref Image element with mix-blend-mode. image https://drafts.fxtf.org/compositing-1/#mix-blend-mode 43cdfd4c0aa40b7dc30f37b2c1c178a71279cd50 `Mihai Tica`<mitica@adobe.com> Test checks that mix-blend-mode is applied to an img element.
mix-blend-mode-filter reference/mix-blend-mode-filter-ref Blended element with filter. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 59cb0cc1cadd3b8becca8fe0c710f80292b4716b `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element having a filter effect and mix-blend-mode blends with its parent element.
mix-blend-mode-iframe-parent reference/mix-blend-mode-iframe-parent-ref an iframe element with mix-blend-mode should blend with its parent element. https://drafts.fxtf.org/compositing-1/#mix-blend-mode b40ffa75096d72b5219653679566c91f3b1cf1ce `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an iframe element blends with its parent element.
mix-blend-mode-iframe-sibling reference/mix-blend-mode-iframe-sibling-ref an iframe element with mix-blend-mode should blend with a sibling element. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 004b68a605e32f09aceef070a232add7faa2e3e4 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an iframe element blends with a sibling element.
mix-blend-mode-image !reference/mix-blend-mode-image-notref Image element with mix-blend-mode. image https://drafts.fxtf.org/compositing-1/#mix-blend-mode 9d8a98ae2e6931ecf0cb08b3cf9e20022c1909d6 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that mix-blend-mode is applied to an img element.
mix-blend-mode-in-svg-image reference/mix-blend-mode-svg-rectangle-ref CSS Compositing and Blending: mix-blend-mode in an SVG linked as an image svg https://drafts.fxtf.org/compositing-1/#isolation,https://drafts.fxtf.org/compositing-1/#csscompositingrules_SVG,https://drafts.fxtf.org/compositing-1/#mix-blend-mode 4480bae2abba3a9bc0cc9c56fc116b8eec389d00 `Rik Cabanier`<mailto:cabanier@adobe.com>
mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius reference/mix-blend-mode-intermediate-element-overflow-hidden-and-border-radius-ref mix-blend-mode between an element and its child having overflow:hidden and border-radius, when the blending element overlaps a sibling element https://drafts.fxtf.org/compositing-1/#mix-blend-mode 99899b817b19d0c2f4f54885bfc17b43ebd49ba9 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that the element with mix-blend-mode, overflow:hidden and border-radius blends correctly with its parent, as well as with the sibling element where they overlap.
mix-blend-mode-mask reference/mix-blend-mode-mask-ref Blended element with masking. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 2437386ea7e9b6345d99c5d57c9333caa91144af `Mihai Tica`<mitica@adobe.com> Test checks that an element having mask and mix-blend-mode blends with its parent element.
mix-blend-mode-mask reference/mix-blend-mode-mask-ref Blended element with masking. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 1f5894c4e76ae2d48c69882bc0e32279ac1d9ccc `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element having mask and mix-blend-mode blends with its parent element.
mix-blend-mode-overflowing-child reference/mix-blend-mode-overflowing-child-ref blended element overflows parent https://drafts.fxtf.org/compositing-1/#mix-blend-mode b2900af3dbd6c62693bbb9bf3155de80a99129b9 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an overflowing element with mix-blend-mode blends with the parent element.
mix-blend-mode-overflowing-child-of-blended-element reference/mix-blend-mode-blended-element-with-transparent-pixels-ref blend an element having an overflowing child. https://drafts.fxtf.org/compositing-1/#mix-blend-mode e08e0c2d72fdc1a1e7e8b5ce168a31f68aba1ece `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that a group consisting of an element with mix-blend-mode and an overflowing child blends as a whole with the underlying stacking context.
mix-blend-mode-paragraph reference/mix-blend-mode-paragraph-ref Paragraph element with mix-blend-mode. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 6848c7380ca713e9f2c4c57dfe32aacffbbf6dfc `Mihai Tica`<mitica@adobe.com> Test checks that test a paragraph element blends with the parent element.
mix-blend-mode-paragraph-background-image reference/mix-blend-mode-paragraph-background-image-ref Paragraph element with mix-blend-mode over parent with background image. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 66c45c2803df4dce535a3607e6f3614305585756 `Mihai Tica`<mitica@adobe.com> Test checks that test a paragraph element blends with the parent element having background image.
mix-blend-mode-paragraph reference/mix-blend-mode-paragraph-ref Paragraph element with mix-blend-mode. https://drafts.fxtf.org/compositing-1/#mix-blend-mode ec3bda974c4a202c64eef37af8ef00d368d2ce85 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that test a paragraph element blends with the parent element.
mix-blend-mode-paragraph-background-image reference/mix-blend-mode-paragraph-background-image-ref Paragraph element with mix-blend-mode over parent with background image. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 44407cec05f6f9cf3d4da4fed25fb81ceeeef71e `Mihai Tica`<mailto:mitica@adobe.com> Test checks that test a paragraph element blends with the parent element having background image.
mix-blend-mode-parent-element-overflow-hidden-and-border-radius reference/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-ref blending between an element having overflow:hidden and border-radius and its child https://drafts.fxtf.org/compositing-1/#mix-blend-mode 6b7cb7d087a31ad3db590ad28e2ffc166fbf4988 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element having mix-blend-mode blends with the parent element having overflow:hidden and border-radius
mix-blend-mode-parent-element-overflow-scroll reference/mix-blend-mode-parent-element-overflow-scroll-ref blending between an element with overflow:scroll and its child https://drafts.fxtf.org/compositing-1/#mix-blend-mode 103055efa3f77e345a53720915fe65b380593f9c `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element with mix-blend-mode blends its parent having overflow:scroll
mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed reference/mix-blend-mode-parent-element-overflow-scroll-blended-position-fixed-ref blending between an element having overflow:scroll and its child having position: fixed https://drafts.fxtf.org/compositing-1/#mix-blend-mode fc0fc08055820b0f2d48d7c973bb7fa518c4d4ff `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element with mix-blend-mode blends with the parent element with overflow:scroll
@ -35,20 +36,20 @@ mix-blend-mode-parent-with-3D-transform reference/mix-blend-mode-parent-with-3D-
mix-blend-mode-parent-with-3D-transform-and-transition blending between an element having 3D transitions and its child dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 0f24e08ac1bbcfda91723e9f60a214d6e5e75458 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element having mix-blend-mode blends with its parent element having 3D transform and transition
mix-blend-mode-parent-with-border-radius reference/mix-blend-mode-parent-with-border-radius-ref blending with parent having border radius https://drafts.fxtf.org/compositing-1/#mix-blend-mode 2e23c394cb6a6b107becc8d0cd42d61d8d6dfdc2 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode blends with the parent element having border-radius.
mix-blend-mode-parent-with-text reference/mix-blend-mode-parent-with-text-ref check that the stacking context created by the parent element isolates blending. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 1e521a21cce7d72c2b36efab4b2a34ffde1580d6 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode only blends with the contents of a parent that creates a stacking context.
mix-blend-mode-parsing parsing mix-blend-mode property dom,script https://drafts.fxtf.org/compositing-1/#mix-blend-mode 48f46ae6cda9281f1232a4a9e15aba543b84d375 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com> Test checks that the value specified for mix-blend-mode property is correctly parsed
mix-blend-mode-script reference/mix-blend-mode-script-ref Set mix-blend-mode from script. dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode d6b283e99c75b71315c39e02031f4e40c5f35a70 `Mihai Tica`<mitica@adobe.com> Test checks that mix-blend-mode is applied when set from script.
mix-blend-mode-parsing parsing mix-blend-mode property dom,script https://drafts.fxtf.org/compositing-1/#mix-blend-mode 33e886c36234f6f8f05db27d577065cef70b393c `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com> Test checks that the value specified for mix-blend-mode property is correctly parsed
mix-blend-mode-script reference/mix-blend-mode-script-ref Set mix-blend-mode from script. dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode f83adad51ec4bec6d3d35344607f1e5b425dc129 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that mix-blend-mode is applied when set from script.
mix-blend-mode-sibling-with-3D-transform reference/mix-blend-mode-sibling-with-3D-transform-ref blending between an element and its sibling element having 3D transform https://drafts.fxtf.org/compositing-1/#mix-blend-mode 1b13d717a85ca5439f48a7f813b6ec829bbc39f3 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element with mix-blend-mode blends with both parent element and with sibling element having 3D transform
mix-blend-mode-sibling-with-3D-transform-and-transition blending between an element and its sibling having 3D transform and transition dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode c7b477c0b90c2643c603112f05398c877665417c `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that an element having mix-blend-mode blends with an overlapping sibling element having 3D transform and transition
mix-blend-mode-simple reference/green-square An element with mix-blend-mode blends with its parent element. https://drafts.fxtf.org/compositing-1/#mix-blend-mode e13caf9e03582f5c8ea34506ea609d0106ead02b `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element with mix-blend-mode blends with its parent element.
mix-blend-mode-stacking-context-001 reference/mix-blend-mode-stacking-context-001-ref mix-blend-mode between an element and its child https://drafts.fxtf.org/compositing-1/#mix-blend-mode 449a7f3327f38ad5c26f396bc9d2f2e0ef8cdc73 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com> Test checks that the element with mix-blend-mode and opacity blends with the parent element
mix-blend-mode-stacking-context-creates-isolation reference/mix-blend-mode-stacking-context-creates-isolation-ref stacking context creates isolated group https://drafts.fxtf.org/compositing-1/#mix-blend-mode 762930f65384549baa985e42c93dd3624fa8c37c `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com> Test checks that properties that cause the creation of stacking context cause a group to be isolated
mix-blend-mode-svg reference/mix-blend-mode-svg-ref SVG element is blended. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode e8f41a89632615115742710198265da2d772e5d5 `Mihai Tica`<mitica@adobe.com> Test checks that an SVG element blends with the parent container.
mix-blend-mode-svg-rectangle reference/mix-blend-mode-svg-rectangle-ref mix-blend-mode for a simple SVG element - rectangle svg https://drafts.fxtf.org/compositing-1/#csscompositingrules_SVG,https://drafts.fxtf.org/compositing-1/#mix-blend-mode 057c5b96bcf171376e3f6284426621fc7e101119 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>
mix-blend-mode-transition reference/mix-blend-mode-transition-ref Blended element with transition dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 02693251ed25a79e3836b6b01b2fc41ad59eebed `Mihai Tica`<mitica@adobe.com> Test checks that an element having a transition applied on opacity blends with the parent element.
mix-blend-mode-video !reference/mix-blend-mode-video-notref Video element with mix-blend-mode. https://drafts.fxtf.org/compositing-1/#mix-blend-mode 465053f9137259060d61f372de1db5603a7b07c5 `Mihai Tica`<mitica@adobe.com> Test checks that mix-blend-mode is applied to a video element.
mix-blend-mode-svg reference/mix-blend-mode-svg-ref SVG element is blended. svg https://drafts.fxtf.org/compositing-1/#mix-blend-mode 32edec06ce2c5105dd697eff6565fd4b3c43c66d `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an SVG element blends with the parent container.
mix-blend-mode-svg-rectangle reference/mix-blend-mode-svg-rectangle-ref mix-blend-mode for a simple SVG element - rectangle svg https://drafts.fxtf.org/compositing-1/#csscompositingrules_SVG,https://drafts.fxtf.org/compositing-1/#mix-blend-mode d15d58a74e2221ef9bed5240af1dbbec6689ff9c `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>
mix-blend-mode-transition reference/mix-blend-mode-transition-ref Blended element with transition dom https://drafts.fxtf.org/compositing-1/#mix-blend-mode 9954dbf821230c92c07ddb971aea0c0918e719b9 `Mihai Tica`<mailto:mitica@adobe.com> Test checks that an element having a transition applied on opacity blends with the parent element.
mix-blend-mode-video !reference/mix-blend-mode-video-notref Video element with mix-blend-mode. https://drafts.fxtf.org/compositing-1/#mix-blend-mode b8f1217855ebfabbcf721e0577d3db71139685bf `Mihai Tica`<mailto:mitica@adobe.com> Test checks that mix-blend-mode is applied to a video element.
mix-blend-mode-video-sibling !reference/mix-blend-mode-video-sibling-notref mix-blend-mode blending between a video element and an overlapping sibling https://drafts.fxtf.org/compositing-1/#mix-blend-mode a94d04d3fce622b8da1e5c0ab1887269b95651c2 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Mihai Tica`<mailto:mitica@adobe.com> Test checks that a video element blends with an overlapping sibling element with some text inside
mix-blend-mode-with-transform-and-preserve-3D reference/mix-blend-mode-with-transform-and-preserve-3D-ref mix-blend-mode between an element and its child having 3D transform and preserve 3D https://drafts.fxtf.org/compositing-1/#mix-blend-mode 38b90d32f75f6f1bf528937b5a0138f56e4a4ad5 `Mirela Bud&#259;e&#537;`<mailto:mbudaes@adobe.com>,`Ion Ro&#537;ca`<mailto:rosca@adobe.com> Test checks that mix-blend-mode overrides the behavior of transform-style:preserve-3d
text-with-svg-background CSS mix-blend-mode API Test svg http://www.w3.org/TR/compositing-1/#mix-blend-mode 5cf456633678ba10a2ea20e5cf55ff34713bc7a2 `dmyang`<mailto:yangdemo@gmail.com>
Text_with_SVG_background Text with SVG background svg http://www.w3.org/TR/compositing-1/#mix-blend-mode 2b9ae3afd4e0927b11adcab29b13f9ab1d7e4098 `windtale`<mailto:windtale@163.com> Text with SVG background
will-change-stacking-context-isolation-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: isolation' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#isolation ce631e0d14948d2831d084bad24c675f5f760f3c `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
will-change-stacking-context-mix-blend-mode-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: mix-blend-mode' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#mix-blend-mode 0db38bd13bc550a378147e5e1507421035defd4d `L. David Baron`<http://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
will-change-stacking-context-isolation-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: isolation' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#isolation dd9a5cad98629af797235fec840257b856371ee0 `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.
will-change-stacking-context-mix-blend-mode-1 reference/green-square-100-by-100-ref CSS will-change: 'will-change: mix-blend-mode' creates a stacking context https://drafts.csswg.org/css-will-change-1/#will-change,http://www.w3.org/TR/compositing-1/#mix-blend-mode 34826b02ec77b204c899a70a5b9bb124aa7f97da `L. David Baron`<https://dbaron.org/>,`Mozilla`<http://www.mozilla.org/> If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.

12
tests/wpt/css-tests/compositing-1_dev/xhtml1/chapter-3.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>Compositing and Blending Level 1 CR Test Suite</h1>
<h2>Specifying Blending in CSS (52 tests)</h2>
<h2>Specifying Blending in CSS (53 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -77,7 +77,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4.1">+</a>
<a href="https://www.w3.org/TR/compositing-1/#mix-blend-mode">3.4.1 The mix-blend-mode property</a></th></tr>
<!-- 50 tests -->
<!-- 51 tests -->
<tr id="blending_in_a_group_with_filter-3.4.1" class="svg">
<td>
<a href="Blending_in_a_group_with_filter.xht">blending_in_a_group_with_filter</a></td>
@ -100,6 +100,14 @@
</ul>
</td>
</tr>
<tr id="compositing_simple_div-3.4.1" class="">
<td>
<a href="compositing_simple_div.xht">compositing_simple_div</a></td>
<td><a href="reference/compositing_simple_div-ref.xht">=</a> </td>
<td></td>
<td>[simple&lt;div&gt;] blending
</td>
</tr>
<tr id="line-with-svg-background-3.4.1" class="svg">
<td>
<a href="line-with-svg-background.xht">line-with-svg-background</a></td>

21
tests/wpt/css-tests/compositing-1_dev/xhtml1/compositing_simple_div.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>[simple&lt;div&gt;] blending</title>
<link href="mailto:augur521@hotmail.com" rel="author" title="Aili Wang" />
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help" />
<link href="reference/compositing_simple_div-ref.xht" rel="match" />
<style>
#b{background-color:rgb(255,0,255); mix-blend-mode:difference; width:100px;height:100px
}
</style>
</head>
<body>
<div id="b"></div>
</body></html>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-animation.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with animation</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element with mix-blend-mode and animation blends with the parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-canvas-parent.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with the parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with the content of the parent element." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-canvas-sibling.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with sibling element</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with a sibling element." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-filter.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with filter.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having a filter effect and mix-blend-mode blends with its parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-iframe-parent.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with its parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an iframe element blends with its parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-iframe-sibling.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with a sibling element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an iframe element blends with a sibling element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-image.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Image element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that mix-blend-mode is applied to an img element." name="assert" />
<meta content="image" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-mask.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with masking.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having mask and mix-blend-mode blends with its parent element." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-paragraph-background-image.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that test a paragraph element blends with the parent element having background image." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-paragraph.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that test a paragraph element blends with the parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

1
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-parsing.xht
View file

@ -10,7 +10,6 @@
<meta content="Test checks that the value specified for mix-blend-mode property is correctly parsed" name="assert" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link href="/resources/testharness.css" rel="stylesheet" />
</head>
<body>
<div id="log"></div>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-script.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Set mix-blend-mode from script.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that mix-blend-mode is applied when set from script." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-svg-rectangle.xht
View file

@ -13,7 +13,7 @@
<body>
<p>There should be no red rectangle on the screen. <br />
Test passes if you see a black rectangle.</p>
<svg width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="400px" xmlns="http://www.w3.org/2000/svg">
<svg height="400px" width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
<rect y="0" width="100" fill="aqua" x="0" height="100"></rect>
<rect width="100" style="mix-blend-mode: multiply" y="0" x="0" fill="red" height="100"></rect>
</svg>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-svg.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: SVG element is blended.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an SVG element blends with the parent container." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-transition.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with transition</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having a transition applied on opacity blends with the parent element." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/mix-blend-mode-video.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Video element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that mix-blend-mode is applied to a video element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

21
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/compositing_simple_div-ref.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>[simple&lt;div&gt;] blending reference</title>
<link href="mailto:augur521@hotmail.com" rel="author" title="Aili Wang" />
<link href="http://www.w3.org/TR/compositing-1/" rel="help" />
<style>
#b{background-color:rgb(0,255,0); width:100px;height:100px
}
</style>
</head>
<body>
<div id="b"></div>
</body></html>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/green-square-100-by-100-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS will-change reference</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron" />
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
<style>
html, body { margin: 0; padding: 0; }

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-animation-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with animation</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-canvas-parent-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with the parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
</head>
<body>
<p>Test passes if you can see a green rectangle. <br />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-canvas-sibling-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with sibling element</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
</head>
<body>
<p>Test passes if you can see a green rectangle. <br />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-filter-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with filter.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-iframe-parent-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with its parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
</head>
<body>
<p>Test passes if you can see a green rectangle. <br />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-iframe-sibling-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with a sibling element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
</head>
<body>
<p>Test passes if you can see a green rectangle. <br />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-image-notref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Image element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-mask-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with masking.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-paragraph-background-image-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-paragraph-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<meta content="Test checks that test a paragraph element blends with the parent element." name="assert" />
<style type="text/css">
div {

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-script-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Set mix-blend-mode from script.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-svg-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: SVG element is blended.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 100px;

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-transition-ref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with transition</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<meta content="dom" name="flags" />
<style type="text/css">
div {

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/reference/mix-blend-mode-video-notref.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Video element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<style type="text/css">
div {
width: 480px;

8
tests/wpt/css-tests/compositing-1_dev/xhtml1/reftest-toc.xht
View file

@ -32,6 +32,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="compositing_simple_div" class="">
<tr>
<td rowspan="1" title="[simple&lt;div&gt;] blending">
<a href="compositing_simple_div.xht">compositing_simple_div</a></td>
<td><a href="reference/compositing_simple_div-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mix-blend-mode-animation" class="">
<tr>
<td rowspan="1" title="Blended element with animation">

1
tests/wpt/css-tests/compositing-1_dev/xhtml1/reftest.list
View file

@ -1,5 +1,6 @@
background-blend-mode-gradient-image.xht == reference/background-blend-mode-gradient-image-ref.xht
compositing_simple_div.xht == reference/compositing_simple_div-ref.xht
mix-blend-mode-animation.xht == reference/mix-blend-mode-animation-ref.xht
mix-blend-mode-blended-element-interposed.xht == reference/green-square.xht
mix-blend-mode-blended-element-overflow-hidden-and-border-radius.xht == reference/mix-blend-mode-blended-element-overflow-hidden-and-border-radius-ref.xht

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/toc.xht
View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Specifying Blending in CSS</a></th>
<td>(52 Tests)</td></tr>
<td>(53 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/will-change-stacking-context-isolation-1.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron" />
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
<link href="http://www.w3.org/TR/compositing-1/#isolation" rel="help" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1/will-change-stacking-context-mix-blend-mode-1.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron" />
<link href="https://dbaron.org/" rel="author" title="L. David Baron" />
<link href="http://www.mozilla.org/" rel="author" title="Mozilla" />
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help" />
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help" />

12
tests/wpt/css-tests/compositing-1_dev/xhtml1print/chapter-3.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>Compositing and Blending Level 1 CR Test Suite</h1>
<h2>Specifying Blending in CSS (52 tests)</h2>
<h2>Specifying Blending in CSS (53 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -77,7 +77,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4.1">+</a>
<a href="https://www.w3.org/TR/compositing-1/#mix-blend-mode">3.4.1 The mix-blend-mode property</a></th></tr>
<!-- 50 tests -->
<!-- 51 tests -->
<tr id="blending_in_a_group_with_filter-3.4.1" class="svg">
<td>
<a href="Blending_in_a_group_with_filter.xht">blending_in_a_group_with_filter</a></td>
@ -100,6 +100,14 @@
</ul>
</td>
</tr>
<tr id="compositing_simple_div-3.4.1" class="">
<td>
<a href="compositing_simple_div.xht">compositing_simple_div</a></td>
<td><a href="reference/compositing_simple_div-ref.xht">=</a> </td>
<td></td>
<td>[simple&lt;div&gt;] blending
</td>
</tr>
<tr id="line-with-svg-background-3.4.1" class="svg">
<td>
<a href="line-with-svg-background.xht">line-with-svg-background</a></td>

21
tests/wpt/css-tests/compositing-1_dev/xhtml1print/compositing_simple_div.xht Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>[simple&lt;div&gt;] blending</title>
<link href="mailto:augur521@hotmail.com" rel="author" title="Aili Wang" />
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help" />
<link href="reference/compositing_simple_div-ref.xht" rel="match" />
<style>
#b{background-color:rgb(255,0,255); mix-blend-mode:difference; width:100px;height:100px
}
</style>
</head>
<body>
<div id="b"></div>
</body></html>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-animation.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with animation</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element with mix-blend-mode and animation blends with the parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-canvas-parent.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with the parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with the content of the parent element." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-canvas-sibling.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Canvas with mix-blend-mode blends with sibling element</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that a canvas element having mix-blend-mode applied blends with a sibling element." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-filter.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with filter.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having a filter effect and mix-blend-mode blends with its parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-iframe-parent.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with its parent element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an iframe element blends with its parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-iframe-sibling.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: an iframe element with mix-blend-mode should blend with a sibling element.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an iframe element blends with a sibling element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-image.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Image element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that mix-blend-mode is applied to an img element." name="assert" />
<meta content="image" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-mask.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with masking.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having mask and mix-blend-mode blends with its parent element." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-paragraph-background-image.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode over parent with background image.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that test a paragraph element blends with the parent element having background image." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-paragraph.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Paragraph element with mix-blend-mode.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that test a paragraph element blends with the parent element." name="assert" />
<link href="mailto:cabanier@adobe.com" rel="reviewer" title="Rik Cabanier" />

1
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-parsing.xht
View file

@ -10,7 +10,6 @@
<meta content="Test checks that the value specified for mix-blend-mode property is correctly parsed" name="assert" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link href="/resources/testharness.css" rel="stylesheet" />
</head>
<body>
<div id="log"></div>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-script.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Set mix-blend-mode from script.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that mix-blend-mode is applied when set from script." name="assert" />
<meta content="dom" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-svg-rectangle.xht
View file

@ -13,7 +13,7 @@
<body>
<p>There should be no red rectangle on the screen. <br />
Test passes if you see a black rectangle.</p>
<svg width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" height="400px" xmlns="http://www.w3.org/2000/svg">
<svg height="400px" width="400px" version="1.1" xmlns:xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
<rect y="0" width="100" fill="aqua" x="0" height="100"></rect>
<rect width="100" style="mix-blend-mode: multiply" y="0" x="0" fill="red" height="100"></rect>
</svg>

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-svg.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: SVG element is blended.</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an SVG element blends with the parent container." name="assert" />
<meta content="svg" name="flags" />

2
tests/wpt/css-tests/compositing-1_dev/xhtml1print/mix-blend-mode-transition.xht
View file

@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: Blended element with transition</title>
<link href="mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="mailto:mitica@adobe.com" rel="author" title="Mihai Tica" />
<link href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode" rel="help" />
<meta content="Test checks that an element having a transition applied on opacity blends with the parent element." name="assert" />
<meta content="dom" name="flags" />

Some files were not shown because too many files have changed in this diff Show more