Chromium Code Reviews| Index: LayoutTests/fast/repaint/crbug-371640.html |
| diff --git a/LayoutTests/fast/repaint/crbug-371640.html b/LayoutTests/fast/repaint/crbug-371640.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f598c1e56ff9cf6e7c4bbe7a68646bbfd84592b2 |
| --- /dev/null |
| +++ b/LayoutTests/fast/repaint/crbug-371640.html |
| @@ -0,0 +1,72 @@ |
| +<!DOCTYPE html> |
| +<html> |
|
ojan
2014/05/24 05:14:29
We usually leave out the html, head and body eleme
dsinclair
2014/05/26 14:57:25
Done.
|
| +<head> |
| +<script src="resources/text-based-repaint.js"></script> |
| +<script src="../../resources/run-after-display.js"></script> |
| +<script> |
| + if (window.testRunner) { |
| + window.jsTestIsAsync = true; |
| + testRunner.waitUntilDone(); |
|
ojan
2014/05/24 05:14:29
You don't need both these lines. Just the first wi
dsinclair
2014/05/26 14:57:25
Done.
|
| + } |
| + |
| + function repaintTest() |
| + { |
| + var container = document.getElementById('container'); |
| + var node = document.getElementById('node'); |
| + container.removeChild(node); |
|
ojan
2014/05/24 05:14:29
Nit: this can all just be:
document.getElementById
dsinclair
2014/05/26 14:57:25
Done.
|
| + |
| + if (window.testRunner) { |
| + runAfterDisplay(function() { |
| + testRunner.notifyDone(); |
| + }); |
| + } |
| + } |
| + onload = runRepaintTest; |
| +</script> |
| +<style> |
| + #wrapper { |
| + visibility: hidden; |
| + position: absolute; |
| + width: 600px; |
| + } |
| + .outer { float: left; } |
| + .inner { |
| + float: left ; |
| + height: 100px; |
| + position: relative; |
| + width: 260px; |
| + } |
| + .abs_pos { position: absolute; } |
| + #container { float: right; } |
| + .item { |
| + visibility: visible; |
| + background-color: green; |
| + width: 100px; |
| + height: 100px; |
| + } |
| + #node .item { background-color: red; } |
| +</style> |
| +</head> |
| +<body> |
| + <p>This is a reduction for http://crbug.com/371640.</p> |
| + <p>If the test worked correctly you should see 1 green square and no red square.</p> |
| + |
| + <div id='wrapper'> |
| + <div id='container'> |
| + <div id='keep_outer' class="outer"> |
| + <div id='keep_inner' class="inner"> |
| + <div class="abs_pos"> |
| + <div id='keep' class="item"> </div> |
| + </div> |
| + </div> |
| + </div> |
| + |
| + <div id='node' class="outer"> |
| + <div id='to_remove_inner' class="inner"> |
| + <div id='to_remove' class="item"> </div> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| +</body> |
| +</html> |