<!DOCTYPE html>
<html>
<head>
<title>Test using large fr item.</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/grid-definitions-parsing-utils.js"></script>
<style>
#grid {
display: grid;
width: 100px;
grid-template-columns: 1fr 9007199254740992fr;
grid-template-rows: repeat(9007199254740992fr, 1fr);
}
#item {
grid-column: 1 / -1;
grid-row: 1 / -1;
width: 100px;
}
</style>
</head>
<body>
<div id="grid"><div id="item"></div></div>
<script>
test(function () {
testGridPositionDefinitionsValues(document.getElementById("grid"), "auto", "auto", "auto", "auto");
}, "Test that setting and getting grid tracks to huge fr values is properly clamped and does not make the renderer crash.");
</script>
</body>
</html>