<sky>
  <import src="../resources/check-layout.sky" as="checkLayout" />
  <style>
  .root {
    margin: 5px;
  }
  .child {
    margin: 10px;
    height: 30px;
  }
  </style>
  <div class="root" data-expected-height="100" data-total-y="5" style="background-color: pink">
    <!-- TODO(ojan): These numbers are right, but the test fails because we appear to have
    broken offsetTop to not include the parent's margin-top. -->
    <div class="child" data-total-y="15" style="background-color: salmon"></div>
    <div class="child" data-total-y="65" style="background-color: papayawhip"></div>
  </div>

  <script>
    checkLayout('.root');
  </script>
</sky>