<!DOCTYPE html>
<title>Test using huge values for grid-column-* and grid-row-*</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/grid-definitions-parsing-utils.js"></script>

<div style="display: grid;">
    <div id="item" style="grid-column-start: 5000000000; grid-column-end: -5000000000; grid-row-start: 5000000000; grid-row-end: -5000000000;"></div>
</div>

<script>
 test(function() {
     testGridPositionDefinitionsValues(document.getElementById("item"), "1000", "-1000", "1000", "-1000");
 }, "Test that setting and getting grid-column|row-start|end to huge values is properly clamped and does not make the renderer crash.");
</script>