Skip to content

GitLab

T
tangled
Commit 91f2cd0f authored by Mason Freed's avatar Mason Freed Committed by Commit Bot
Browse files
Options

Reland "Clean up backdrop-filter layout tests and expectations" 

This is a reland of 5418a092

- this needed a rebaselined layout test for Mac.

Original change's description:
> Clean up backdrop-filter layout tests and expectations
>
> This CL cleans up the layout tests for backdrop-filter:
>  - The backdrop-filter-bleeding.html test was never really complete, and
>    the effect it was testing for is completely covered by the existing
>    external/wpt/css/filter-effects/backdrop-filter-edge-pixels.html
>    test.
>  - The backdrop-filter-boundary.html test never had a valid expectation
>    file. It now does, and the test has been made a bit more obvious. It
>    already passed.
>  - Another CL (http://crrev.com/663338) made the
>    backdrop-filter-clipped.html test pass.
>
> Bug: 497522
> Change-Id: Ib95edda9dfb15fc451eaeb225310d422d70787df
> Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1637490
> Commit-Queue: Mason Freed <masonfreed@chromium.org>
> Commit-Queue: Chris Harrelson <chrishtr@chromium.org>
> Auto-Submit: Mason Freed <masonfreed@chromium.org>
> Reviewed-by: Chris Harrelson <chrishtr@chromium.org>
> Cr-Commit-Position: refs/heads/master@{#664954}

Bug: 497522
Change-Id: I51f9f0bee8b5b3dd601adf27db4a25c3bdfacc56
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1638657
Commit-Queue: Mason Freed <masonfreed@chromium.org>
Reviewed-by: default avatarMason Freed <masonfreed@chromium.org>
Reviewed-by: default avatarChris Harrelson <chrishtr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#665200}
parent a43b5692
Hide whitespace changes
Inline Side-by-side
Showing with 15 additions and 36 deletions
third_party/blink/web_tests/TestExpectations
View file @ 91f2cd0f
......@@ -1666,14 +1666,7 @@ crbug.com/567837 fast/hidpi/static [ Skip ]
crbug.com/538697 [ Win Win10 ] virtual/threaded/printing/webgl-oversized-printing.html [ Failure Crash ]
crbug.com/538697 [ Win ] printing/webgl-oversized-printing.html [ Failure Crash ]
# ====== Backdrop-filter related tests BEGIN ======
# These are known failures - this feature is still being implemented
crbug.com/497522 css3/filters/backdrop-filter-boundary.html [ Failure ]
crbug.com/497522 css3/filters/backdrop-filter-bleeding.html [ Failure ]
crbug.com/497522 css3/filters/backdrop-filter-svg.html [ Failure ]
crbug.com/964417 external/wpt/css/filter-effects/backdrop-filter-clipped.html [ Failure ]
# ====== Backdrop-filter related tests END ======
crbug.com/904592 css3/filters/backdrop-filter-svg.html [ Failure ]
crbug.com/492664 [ Linux ] external/wpt/css/css-writing-modes/box-offsets-rel-pos-vlr-005.xht [ Failure ]
crbug.com/492664 [ Linux ] external/wpt/css/css-writing-modes/box-offsets-rel-pos-vrl-004.xht [ Failure ]
......
third_party/blink/web_tests/css3/filters/backdrop-filter-bleeding.html deleted 100644 → 0
View file @ a43b5692
<!DOCTYPE html>
<style>
.bg {
position: relative;
display: inline-block;
width: 170px;
height: 100px;
background-image: url('resources/red-border.png');
}
.fg {
position: absolute;
left: 5px;
top: 5px;
width: 160px;
height: 90px;
}
</style>
<div class="bg"><div class="fg"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(3px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(6px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(12px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(24px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(48px);"></div></div>
third_party/blink/web_tests/css3/filters/backdrop-filter-boundary.html
View file @ 91f2cd0f
......@@ -14,9 +14,18 @@
width: 150px;
height: 80px;
}
body {
background-color: lime;
}
</style>
<div class="bg"><div class="fg" style="backdrop-filter: blur(3px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(6px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(12px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(24px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(48px);"></div></div>
<div style="width:550px">
<div class="bg"><div class="fg" style="backdrop-filter: blur(3px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(6px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(12px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(24px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(48px);"></div></div>
<div class="bg"><div class="fg" style="backdrop-filter: blur(96px);"></div></div>
</div>
<!-- This should show an increasing series of blurred blocks, with the higher
blur values bringing in lime green from the edges. -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment