CSS Grid Layout Module Level 1 CR Test Suite

Defining the Grid (18 tests)

Test Refs Flags Info
+ 7 Defining the Grid
+ 7.1 The Explicit Grid
+ 7.2 Explicit 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.
+ 7.2.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.
+ 7.2.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.
+ 7.2.2.1 Syntax of repeat()
+ 7.2.2.2 Repeat-to-fill: auto-fill and auto-fit repetitions
+ 7.2.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.
+ 7.2.4 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.
+ 7.3 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.
+ 7.3.1 Implicit Named Lines
+ 7.3.2 Implicit Named Areas
+ 7.4 Explicit Grid Shorthand: the grid-template property
+ 7.5 The Implicit Grid
+ 7.6 Implicit Track Sizing: the grid-auto-rows and grid-auto-columns properties
grid-support-grid-auto-columns-rows-001 = Support for 'grid-auto-columns' and 'grid-auto-rows' properties
+ 7.7 Automatic Placement: the grid-auto-flow property
+ 7.8 Grid Definition Shorthand: the grid property