Skip to content

Commit 52ba8fa

Browse files
nicoburnsLoirooriol
nicoburns
and
Loirooriol
authored
stylo: use simplified restyle damage macros (servo#38465)
Servo PR for servo/stylo#222 Fixes: servo#38506 Testing: adding new tests --------- Signed-off-by: Nico Burns <[email protected]> Signed-off-by: Oriol Brufau <[email protected]> Co-authored-by: Oriol Brufau <[email protected]>
1 parent 616b86f commit 52ba8fa

File tree

4 files changed

+112
-12
lines changed

4 files changed

+112
-12
lines changed

‎Cargo.lock‎

Lines changed: 12 additions & 12 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎tests/wpt/meta/MANIFEST.json‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125283,6 +125283,19 @@
125283125283
{}
125284125284
]
125285125285
],
125286+
"mix-blend-mode-stacking-context-002.html": [
125287+
"29d205cfcb19ffc64e3e64d9b5dbf4df1b495e8f",
125288+
[
125289+
null,
125290+
[
125291+
[
125292+
"/css/reference/ref-filled-green-200px-square.html",
125293+
"=="
125294+
]
125295+
],
125296+
{}
125297+
]
125298+
],
125286125299
"mix-blend-mode-stacking-context-creates-isolation.html": [
125287125300
"79edf0f0908731949e8005f699f09ed1b3ceed69",
125288125301
[
@@ -218074,6 +218087,19 @@
218074218087
{}
218075218088
]
218076218089
],
218090+
"clip-path-stacking-context-001.html": [
218091+
"65948ea5bfd028db117497248dae538f77927bb4",
218092+
[
218093+
null,
218094+
[
218095+
[
218096+
"/css/reference/ref-filled-green-200px-square.html",
218097+
"=="
218098+
]
218099+
],
218100+
{}
218101+
]
218102+
],
218077218103
"clip-path-strokeBox-1a.html": [
218078218104
"37cec39ff808bc51e837ecc9d03725a22c20a989",
218079218105
[

‎tests/wpt/tests/css/compositing/mix-blend-mode/mix-blend-mode-stacking-context-002.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html class="reftest-wait">
3+
<meta charset="utf-8">
4+
<title>CSS Compositing: mix-blend-mode changing dynamically</title>
5+
<link rel="author" title="Oriol Brufau" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode">
7+
<link rel="help" href="https://github.com/servo/servo/issues/38506">
8+
<meta name="assert" content="Dynamic changes of mix-blend-mode can start or stop establishing a stacking context.">
9+
<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
10+
<style>
11+
.target {
12+
width: 200px;
13+
height: 100px;
14+
position: relative;
15+
}
16+
.target > div {
17+
position: absolute;
18+
inset: 0;
19+
z-index: -1;
20+
}
21+
</style>
22+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
23+
<div id="a" class="target" style="mix-blend-mode: normal; background: red">
24+
<div style="background: green"></div>
25+
</div>
26+
<div id="b" class="target" style="mix-blend-mode: multiply; background: green">
27+
<div style="background: red"></div>
28+
</div>
29+
<script src="/common/reftest-wait.js"></script>
30+
<script>
31+
requestAnimationFrame(() => requestAnimationFrame(() => {
32+
document.getElementById("a").style.mixBlendMode = "multiply";
33+
document.getElementById("b").style.mixBlendMode = "normal";
34+
takeScreenshot();
35+
}));
36+
</script>
37+
</html>

‎tests/wpt/tests/css/css-masking/clip-path/clip-path-stacking-context-001.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html class="reftest-wait">
3+
<meta charset="utf-8">
4+
<title>CSS Masking: clip-path changing dynamically</title>
5+
<link rel="author" title="Oriol Brufau" href="mailto:[email protected]">
6+
<link rel="help" href="https://drafts.fxtf.org/css-masking/#the-clip-path">
7+
<link rel="help" href="https://github.com/servo/servo/issues/38506">
8+
<meta name="assert" content="Dynamic changes of clip-path can start or stop establishing a stacking context.">
9+
<link rel="match" href="../../reference/ref-filled-green-200px-square.html">
10+
<style>
11+
.target {
12+
width: 200px;
13+
height: 100px;
14+
position: relative;
15+
}
16+
.target > div {
17+
position: absolute;
18+
inset: 0;
19+
z-index: -1;
20+
}
21+
</style>
22+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
23+
<div id="a" class="target" style="clip-path: none; background: red">
24+
<div style="background: green"></div>
25+
</div>
26+
<div id="b" class="target" style="clip-path: inset(0); background: green">
27+
<div style="background: red"></div>
28+
</div>
29+
<script src="/common/reftest-wait.js"></script>
30+
<script>
31+
requestAnimationFrame(() => requestAnimationFrame(() => {
32+
document.getElementById("a").style.clipPath = "inset(0)";
33+
document.getElementById("b").style.clipPath = "none";
34+
takeScreenshot();
35+
}));
36+
</script>
37+
</html>

0 commit comments

Comments
 (0)