[css-filters] Move backdrop-filter-rendering-no-background.html to WPT

Migrate this test out of third_party/blink/web_tests/css3/filters and into the WPT-specific directory, adding links to the relevant specs and a test assertion describing its purpose. Bug: 1063749 Change-Id: Ide9135764534d061d777e3e7f88936a8b768dc63 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2132201 Commit-Queue: Mario Sanchez Prada <mario@igalia.com> Reviewed-by: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/master@{#756291}
Denger-Network · Apr 3, 2020 · d4d6541 · d4d6541
1 parent 7e27ba7
commit d4d6541
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 34 deletions.
diff --git a/third_party/blink/web_tests/css3/filters/backdrop-filter-rendering-no-background.html b/third_party/blink/web_tests/css3/filters/backdrop-filter-rendering-no-background.html
diff --git a/...party/blink/web_tests/external/wpt/css/filter-effects/backdrop-filters-grayscale-003.html b/...party/blink/web_tests/external/wpt/css/filter-effects/backdrop-filters-grayscale-003.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>CSS Backdrop Filters: Grayscale(100%) with no background</title>
+<link rel="author" title="Jay Dasika" href="mailto:jaydasika@chromium.org">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty">
+<link rel="help" href="https://drafts.fxtf.org/filter-effects-1/#supported-filter-functions">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=527452">
+<link rel="match" href="reference/backdrop-filters-grayscale-003-ref.html">
+<meta name="assert" content="Check that backdrop-filter works with grayscale(100%) and no background."/>
+
+<style>
+div {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+}
+
+.background_object {
+  left: 10px;
+  top: 10px;
+  background: orange;
+}
+
+.grayscale_backdrop {
+  left: 60px;
+  top: 60px;
+  backdrop-filter: grayscale(100%);
+}
+</style>
+</head>
+
+<body>
+  <div class="background_object"></div>
+  <div class="grayscale_backdrop"></div>
+</body>
+</html>
diff --git a/...ter-rendering-no-background-expected.html → ...e/backdrop-filters-grayscale-003-ref.html b/...ter-rendering-no-background-expected.html → ...e/backdrop-filters-grayscale-003-ref.html
@@ -1,12 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style> 
-
+<style>
 div {
   width: 100px;
   height: 100px;
-  position :absolute;
+  position: absolute;
 }
 
 .background_object {
@@ -22,7 +21,6 @@
   height: 50px;
   background: #ACACAC;
 }
-
 </style>
 </head>
 <body>