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

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html

Issue 1958073002: Introduce :-internal-shadow-host-has-appearance pseudo class, and apply it to METER element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove null host check Created 4 years, 7 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: third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html
diff --git a/third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html b/third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html
index 0d3867fd25fe6677154a4a5fdc3ece98fef543d3..607d5fa3ff2dc575ee8911891684c9864011f355 100644
--- a/third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html
+++ b/third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-styles.html
@@ -1,9 +1,6 @@
+<!DOCTYPE html>
<html>
<head>
-<script>
-if (window.testRunner)
- testRunner.notifyDone();
-</script>
<style>
meter.tall { width: 30px; height: 40px; }
ul, h2, p { margin: 0.2em; }
@@ -48,6 +45,7 @@ if (window.testRunner)
<div style="background-color: #eee">
<ul>
<li><meter style="-webkit-appearance: none" min="0" max="100" low="30" high="60" optimum="100" value="80" >80</meter> has "none" appearance, should render METER content.</li>
+ <li><meter id="appearanceNoneLater" min="0" max="100" low="30" high="60" optimum="100" value="80" >80%</meter> gets "none" appearance after the initial rendering with "meter" appearance.</li>
</ul>
</div>
<h2>Providing bar paddings</h2>
@@ -55,5 +53,11 @@ if (window.testRunner)
<meter id="bar-paddings" min="0" max="100" low="30" high="60" optimum="50" value="50" ></meter> has "padding" on the bar.
</ul>
</div>
+<script>
+var noneLater = document.getElementById('appearanceNoneLater');
+noneLater.offsetLeft; // Force layout.
+noneLater.setAttribute('style', '-webkit-appearance:none');
+noneLater.offsetLeft; // Force layout.
+</script>
</body>
</html>

Powered by Google App Engine
This is Rietveld 408576698