This test checks that changing the min|max-content contributions of grid items properly recomputes both track sizes and grid positions in grids with auto repeat tracks.
PASS
FAIL:
Expected 10 for width, but got 20. 
Expected 30 for offsetLeft, but got 40. 
Expected 30 for width, but got 40. 

<div id="grid1" class="grid min-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);">
    <div id="item" style="grid-column: 1 / -1; background: cyan; width: 15px; height: 30px;" data-expected-width="15" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div>
    <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div>
    <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="10" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div>
    <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="0" data-expected-height="5" data-offset-x="30" data-offset-y="0"></div>
    <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="30" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div>
</div>
PASS
PASS
PASS
PASS
PASS
PASS
FAIL:
Expected 40 for width, but got 20. 
Expected 0 for width, but got 20. 
Expected 60 for offsetLeft, but got 40. 
Expected 60 for width, but got 40. 
Expected 0 for offsetLeft, but got 60. 

<div id="grid1" class="grid max-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);">
    <div id="item" style="grid-column: 1 / -1; background: cyan; width: 15px; height: 30px;" data-expected-width="15" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div>
    <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div>
    <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="40" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div>
    <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="0" data-expected-height="5" data-offset-x="60" data-offset-y="0"></div>
    <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="60" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div>
</div>
FAIL:
Expected 40 for width, but got 20. 
Expected 0 for width, but got 40. 
Expected 80 for offsetLeft, but got 60. 

<div id="grid1" class="grid max-content" style="grid-template-rows: none; grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px);">
    <div id="item" style="grid-column: 1 / -1; background: cyan; width: 80px; height: 30px;" data-expected-width="80" data-expected-height="30" data-offset-x="0" data-offset-y="10"></div>
    <div id="a1" class="abs" style="grid-column: 1 / 2; background: purple;" data-expected-width="20" data-expected-height="5" data-offset-x="0" data-offset-y="0"></div>
    <div id="a2" class="abs" style="grid-column: 2 / 3; background: orange;" data-expected-width="20" data-expected-height="5" data-offset-x="20" data-offset-y="0"></div>
    <div id="a3" class="abs" style="grid-column: 3 / 4; background: yellow;" data-expected-width="40" data-expected-height="5" data-offset-x="40" data-offset-y="0"></div>
    <div id="a4" class="abs" style="grid-column: 4 / 5; background: magenta;" data-expected-width="0" data-expected-height="5" data-offset-x="80" data-offset-y="0"></div>
</div>
PASS