Skip to content

GitLab

T
tangled
Commit 5418a092 authored by Mason Freed's avatar Mason Freed Committed by Commit Bot
Browse files
Options

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: default avatarChris Harrelson <chrishtr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#664954}
parent d7942644
Hide whitespace changes
Inline Side-by-side
Showing with 15 additions and 36 deletions
third_party/blink/web_tests/TestExpectations
View file @ 5418a092
......@@ -1665,14 +1665,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 @ d7942644
<!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 @ 5418a092
......@@ -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