Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/css-grid-layout/grid-item-overflow-paint-expected.html 

<!DOCTYPE html>
<html>
<head>
<style>
    div {
        height: 300px;
        width: 300px;
    }
    .horizontallyAligned {
        float: left;
        width: 150px;
    }
    .grayBox {
        background-color: gray;
    }
    .redBox {
        background-color: red;
    }
    .blueBox {
        background-color: blue;
    }
    .greenBox {
        background-color: green;
    }
    .yellowBox {
        background-color: yellow;
    }
    .orangeBox {
        background-color: orange;
    }
</style>
</head>
<body>
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="yellowBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
    </tr>
    <tr>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="yellowBox" style="height: 200px"></div><div class="grayBox" style="height: 100px"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
    </tr>
    <tr>
      <td><div class="blueBox"></div></td>
      <td><div class="blueBox horizontallyAligned"></div><div class="grayBox horizontallyAligned"></div></td>
      <td><div class="redBox"></div></td>
      <td><div class="grayBox horizontallyAligned"></div><div class="orangeBox horizontallyAligned"></div></td>
      <td><div class="orangeBox"></div></td>
    </tr>
    <tr>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox" style="height: 100px"></div><div class="greenBox" style="height: 200px"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
    </tr>
    <tr>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="greenBox"></div></td>
      <td><div class="grayBox"></div></td>
      <td><div class="grayBox"></div></td>
    </tr>
  </table>

</body>
<script>
  window.scrollTo(400, 475);
</script>
</html>