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

Unified Diff: third_party/WebKit/LayoutTests/paint/invalidation/border-repaint-glitch.html

Issue 2321183002: Move repaint tests (except for svg/) to paint/invalidation (Closed)
Patch Set: - Created 4 years, 3 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/paint/invalidation/border-repaint-glitch.html
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/border-repaint-glitch.html b/third_party/WebKit/LayoutTests/paint/invalidation/border-repaint-glitch.html
new file mode 100644
index 0000000000000000000000000000000000000000..8c438ff8a0bf988545606c1b6c9de9aa1f7c52bc
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/border-repaint-glitch.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http:/html4/strict.dtd">
+<html lang="en">
+<head>
+<style type="text/css">
+ div.test { width: 200px; height: 120px; border: 1px solid blue; padding: 10px; }
+</style>
+ <script src="resources/text-based-repaint.js" type="text/javascript"></script>
+ <script type="text/javascript">
+ function repaintTest()
+ {
+ document.getElementById('a').style.height = '40px';
+ document.getElementById('b').style.height = '60px';
+ }
+ </script>
+</head>
+<body onload="runRepaintAndPixelTest();">
+<p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=6301">Bugzilla bug 6301</a> REGRESSION: Border repaint glitch</p>
+
+<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
+The boxes will resize, maintaining their solid red rectangular borders.
+</p>
+
+<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
+The boxes will resize, but the borders will break. The first box will be missing
+small segments from either side of its bottom border. The second box will have
+small red horizontal segments protruding inwards from both sides of the border,
+where the bottom border was before.
+</p>
+
+<div class="test">
+ <div style="background: teal; padding: 0; border: solid red 4px;">
+ <div id="a" style="height: 60px; margin: 10px; background:silver;"></div>
+ </div>
+</div>
+<br>
+<div class="test">
+ <div style="background: teal; padding: 0; border: solid red 4px;">
+ <div id="b" style="height: 40px; margin: 10px; background:silver;"></div>
+ </div>
+</div>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698