<!DOCTYPE html>
<html>
<head>
<script src="../../../../../resources/js-test-pre.js"></script>
<script src="resources/helpers.js"></script>
<style>* { margin: 0; padding: 0; }</style>
</head>
<body>
<div id="box" style="background:blue;width:100px;height:100px;position:absolute;top:100px;left:100px"></div>
<p id="description"></p>
<div id="console"></div>
<!-- Filler to allow scrolling -->
<div style="width:1500px;height:1500px;"></div>
<script>
description('This tests "scroll" offsets when unscaled, scaled, and panned.');

const scale = 2;
const panX = 10;
const panY = 10;

debug('unscaled');
setExpectedScrollOffsets(0, 0);
verifyScrollOffsets();

debug('');
debug('scaled and panned');
setInitialScaleAndPanBy(scale, panX, panY);
setExpectedScrollOffsets(panX, panY);
verifyScrollOffsets();

var successfullyParsed = true;
endTest();
</script>
</body>
</html>
