Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(620)

Unified Diff: LayoutTests/fast/css/placeholder-shown-basics-expected.html

Issue 1280423002: CSS4: Implement :placeholder-shown pseudo class (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Updated as per review comments Created 5 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/css/placeholder-shown-basics-expected.html
diff --git a/LayoutTests/fast/css/placeholder-shown-basics-expected.html b/LayoutTests/fast/css/placeholder-shown-basics-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..8f51a5582f2fd36bb36ad861bea51bc2ade66464
--- /dev/null
+++ b/LayoutTests/fast/css/placeholder-shown-basics-expected.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<style>
+ input, textarea {
+ height: 8px;
+ }
+ .placeholder-shown {
+ background-color: green;
+ }
+</style>
+<p>This test checks how various input elements are styled when :placeholder-shown is applied.</p>
+<div>
+ <textarea></textarea>
+ <textarea placeholder></textarea>
+ <textarea placeholder="Placeholder text" class="placeholder-shown"></textarea>
+ <textarea placeholder="Placeholder text">Foobar</textarea>
+</div>
+<div>
+ <input>
+ <input placeholder>
+ <input placeholder="Placeholder text" class="placeholder-shown">
+ <input placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="">
+ <input type="" placeholder>
+ <input type="" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="hidden">
+ <input type="hidden" placeholder>
+ <input type="hidden" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="hidden" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="text">
+ <input type="text" placeholder>
+ <input type="text" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="text" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="tel">
+ <input type="tel" placeholder>
+ <input type="tel" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="tel" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="url">
+ <input type="url" placeholder>
+ <input type="url" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="url" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="email">
+ <input type="email" placeholder>
+ <input type="email" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="email" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="password">
+ <input type="password" placeholder>
+ <input type="password" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="password" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="datetime">
tkent 2015/09/08 03:12:04 Ditto
ramya.v 2015/09/08 03:58:29 Incorporated the changes in https://codereview.chr
+ <input type="datetime" placeholder>
+ <input type="datetime" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="datetime" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="number">
+ <input type="number" placeholder>
+ <input type="number" placeholder="Placeholder text" class="placeholder-shown">
+ <input type="number" placeholder="Placeholder text" value="0">
+</div>
+<div>
+ <input type="range">
+ <input type="range" placeholder>
+ <input type="range" placeholder="Placeholder text">
+ <input type="range" placeholder="Placeholder text" value="1">
+</div>
+<div>
+ <input type="checkbox">
+ <input type="checkbox" placeholder>
+ <input type="checkbox" placeholder="Placeholder text">
+ <input type="checkbox" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="radio">
+ <input type="radio" placeholder>
+ <input type="radio" placeholder="Placeholder text">
+ <input type="radio" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="submit">
+ <input type="submit" placeholder>
+ <input type="submit" placeholder="Placeholder text">
+ <input type="submit" placeholder="Placeholder text" value="Foobar">
+</div>
+<div>
+ <input type="color">
+ <input type="color" placeholder>
+ <input type="color" placeholder="Placeholder text">
+ <input type="color" placeholder="Placeholder text" value="Foobar">
+</div>

Powered by Google App Engine
This is Rietveld 408576698