e;
}
</style>
<div id="scroller">
  <div class="space"></div>
  <div id="target"></div>
</div>
<script>
test(() => {
  target.style.scrollSnapAlign = "start";
  target.style.transform = "translateX(300px)";
  scroller.scrollTo(10, 0);
  assert_equals(scroller.scrollLeft, 350 /* left + translateX(300px) */);
  assert_equals(scroller.scrollTop, 0);
}, "Snaps to the transformed snap start position");

test(() => {
  target.style.scrollSnapAlign = "end";
  target.style.transform = "translateX(300px)";
  scrolle