| <!DOCTYPE html> |
| <style> |
| html { |
| background: linear-gradient(to bottom, blue, cyan); |
| border-bottom-width: 100px; |
| border-bottom-style: solid; |
| border-top-width: 20px; |
| border-top-style: solid; |
| } |
| body { |
| margin: 0; |
| } |
| </style> |
| <div id="div" style="height: 50px"></div> |
| <script src="../resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() { |
| // This test is similar to viewport-gradient-background-html-resize.html but |
| // the size of the html element does not change but its overflow moves. |
| // Test passes if the gradient background changes size and fully repaints. |
| document.documentElement.style.borderBottomWidth = '20px'; |
| document.documentElement.style.borderTopWidth = '100px'; |
| } |
| onload = runRepaintAndPixelTest; |
| </script> |
