Bug 1682181 [wpt PR 26878] - [css-pseudo] Implement the file-selector-button pseudo., a=testonly

emilio · moz-wptsync-bot · commit b7d40bf2a388 · 2020-12-21T14:59:44.000Z
Automatic update from web-platform-tests [css-pseudo] Implement the file-selector-button pseudo. I2S: https://groups.google.com/a/chromium.org/g/blink-dev/c/d4UdwpPDXJM/m/J-o_C_kqAwAJ Fixed: 1086855 Change-Id: Ib37d2d8bf4a983ce93445ca0efdf765d3f98935f Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2584810 Commit-Queue: Emilio Cobos Álvarez <emilio@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Auto-Submit: Emilio Cobos Álvarez <emilio@chromium.org> Cr-Commit-Position: refs/heads/master@{#837061} -- wpt-commits: d2a0913bd19af2c32af035e1594400822232facd wpt-pr: 26878
diff --git a/testing/web-platform/tests/css/css-pseudo/file-selector-button-after-part.html b/testing/web-platform/tests/css/css-pseudo/file-selector-button-after-part.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>::file-selector-button allows to customize the button in &lt;input type=file&gt;</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5049">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo/#file-selector-button-pseudo">
+<link rel="mismatch" href="file-selector-button-001-notref.html">
+<style>
+#host::part(file-input)::file-selector-button {
+  border: 1px solid green;
+}
+</style>
+<div id="host"></div>
+<script>
+  document.getElementById("host").attachShadow({ mode: "open" }).innerHTML = `
+    <input type=file part=file-input>
+  `;
+</script>
