CSS Grid Layout Module Level 1 CR Test Suite

Grid Sizing (24 tests)

Test Refs Flags Info
+ 11 Grid Sizing
flex-and-intrinsic-sizes-001 Script CSS Grid: track sizing algo with size restrictions and intrinsic sizes.
  • This test ensures that fr tracks are properly sized whenever grid has intrinsic sizes.
+ 11.1 Grid Sizing Algorithm
aspect-ratio-001 =
  • An element with an aspect-ratio resolves its percentage against the definite row.
aspect-ratio-002 =
  • An element with an aspect-ratio resolves its percentage against the definite row.
aspect-ratio-003 =
  • An element with an aspect-ratio resolves its percentage against the definite row.
aspect-ratio-004 =
  • An element with an aspect-ratio and stretch alignment stretches to the definite row, and transfers its size.
grid-content-alignment-second-pass-001 AhemDOM/JSScript Content alignment second pass
  • This test checks that content alignment is properly applied when the size of the tracks changes in the second pass of the track sizing algorithm.
grid-content-alignment-second-pass-002 AhemDOM/JSScript Content alignment second pass
  • This test checks that content alignment is properly applied when the size of the tracks changes in the second pass of the track sizing algorithm.
grid-intrinsic-size-with-orthogonal-items Script Compute the grid's intrinsic size when there are orthogonal items
  • The test checks that using track's max sizing function to estimate orthogonal items' block-axis size to compute the grid's intrinsic size may lead to content overflow.
grid-percent-cols-filled-shrinkwrap-001 = Filled Percentage Column, Shrinkwrap Width (via float)
grid-percent-cols-spanned-shrinkwrap-001 = Spanned Percentage Column, Shrinkwrap Width (via float)
grid-percent-rows-filled-shrinkwrap-001 = Filled Percentage Row, Shrinkwrap Height
grid-percent-rows-spanned-shrinkwrap-001 = Spanned Percentage Row, Shrinkwrap Height
replaced-element-011 =
  • A replaced element resolves its percentage against the definite row.
replaced-element-012 =
  • A replaced element resolves its percentage against the definite row.
replaced-element-013 =
  • A replaced element resolves its percentage against the definite row.
+ 11.2 Track Sizing Terminology
grid-layout-free-space-unit = free space unit
  • the layout should behave the same as reference.
+ 11.3 Track Sizing Algorithm
grid-minimum-size-grid-items-021 Script Minimum size of grid items
  • Checks how automatic minimum size of images affect to the calculation of the grid container size and the grid tracks. Verifies the sizing of the image in the different cases too.
+ 11.4 Initialize Track Sizes
+ 11.5 Resolve Intrinsic Track Sizes
grid-baseline-align-001 = Grid Item (First) Baseline Block-Axis Alignment: auto-height grid, auto row, auto items
grid-baseline-justify-001 = Grid Item (First) Baseline Inline-Axis Alignment: auto-width grid, auto column, auto items
grid-intrinsic-track-sizes-001 Intrinsic contribution of a small item to intrinsic tracks
  • This test checks that the intrinsic contribution of a single grid item smaller than its container is distributed correctly among the tracks it spans when intrinsic tracks are involved.
grid-flex-track-intrinsic-sizes-003 Intrinsic contribution of an item with flex tracks
  • This test checks that the intrinsic contribution of a single grid item is distributed correctly among the tracks it spans when flexible tracks are involved, and the item's size is determined by its children rather than explicitly.
grid-flex-track-intrinsic-sizes-003 Intrinsic contribution of an item with flex tracks
  • This test checks that the intrinsic contribution of a single grid item is distributed correctly among the tracks it spans when flexible tracks are involved, and the item's size is determined by its children rather than explicitly.
+ 11.5.1 Distributing Extra Space Across Spanned Tracks
+ 11.6 Maximize Tracks
+ 11.7 Expand Flexible Tracks
flex-content-distribution-001 Script free space computation with flex lengths.
  • Test that free space is properly computed after computing fr tracks so that we could use it for content distribution.
+ 11.7.1 Find the Size of an fr
+ 11.8 Stretch auto Tracks
grid-fit-content-tracks-dont-stretch-001 AhemDOM/JSScript fit-content() tracks don't stretch
  • This test checks that 'fit-content()' tracks behave the same with 'normal', 'stretch' or 'start' values for content distribution properties.
grid-stretch-respects-min-size-001 = stretch alignment respects min size constraints of the grid container
  • The test checks that during the last step of the track sizing algorithm (stretch auto tracks), the min-width/height constraints of the grid container are respected.