CSS Grid Layout Module Level 1 CR Test Suite

The Explicit Grid (17 tests)

Test Refs Flags Info
+ 5 The Explicit Grid
+ 5.1 Track Sizing: the grid-template-rows and grid-template-columns properties
grid-inline-support-grid-template-columns-rows-001 AhemDOM/JSScript Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.
grid-layout-auto-tracks = auto tracks
  • the layout should behave the same as reference.
grid-layout-basic = basic
  • the layout should behave the same as reference.
grid-support-grid-template-columns-rows-001 AhemDOM/JSScript Support for 'grid-template-columns' and 'grid-template-rows' properties
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.
+ 5.1.1 Named Grid Lines: the (*) syntax
grid-inline-support-named-grid-lines-001 AhemDOM/JSScript Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
  • This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.
grid-support-named-grid-lines-001 AhemDOM/JSScript Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties
  • This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.
+ 5.1.2 Repeating Rows and Columns: the repeat() notation
grid-inline-support-repeat-001 AhemDOM/JSScript Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.
grid-layout-repeat-notation = repeat notation
  • the subgrid layout should behave the same as reference.
grid-support-repeat-001 AhemDOM/JSScript Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.
+ 5.1.3 Flexible Lengths: the fr unit
fr-unit = CSS3 Grid Layout: Flexible Length
  • 'fr' unit represents a fraction of the free space in the grid container.
fr-unit-with-percentage = CSS3 Grid Layout: Flexible Lenght
grid-inline-support-flexible-lengths-001 AhemDOM/JSScript Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.
grid-support-flexible-lengths-001 AhemDOM/JSScript Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties
  • This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.
+ 5.1.4 Subgrids: the subgrid keyword
+ 5.1.5 Resolved Values
grid-inline-template-columns-rows-resolved-values-001 AhemDOM/JSScript 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid
  • This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.
grid-template-columns-rows-resolved-values-001 AhemDOM/JSScript 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks
  • This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.
+ 5.2 Named Areas: the grid-template-areas property
grid-inline-support-grid-template-areas-001 AhemDOM/JSScript Support for 'grid-template-ares' property within an inline grid
  • This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.
grid-support-grid-template-areas-001 AhemDOM/JSScript Support for 'grid-template-ares' property
  • This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.
+ 5.2.1 Implicit Named Lines
+ 5.2.2 Implicit Named Areas
+ 5.3 Explicit Grid Shorthand: the grid-template property