CSS Grid Layout Module Level 1 CR Test Suite

Grid Items (61 tests)

Test Refs Flags Info
+ 4 Grid Items
grid-inline-items-001 = Ahem Regular and anonymous grid items within an inline grid
  • Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.
grid-inline-items-002 = Ahem Children of grid items do not create new items within an inline grid
  • Checks that the grid items do not split around blocks creating extra items within an inline grid.
grid-inline-items-003 = Ahem Grid items with 'display:none' are not rendered within an inline grid
grid-items-001 = Ahem Regular and anonymous grid items
  • Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.
grid-items-002 = Ahem Children of grid items do not create new items
  • Checks that the grid items do not split around blocks creating extra items.
grid-items-003 = Ahem Grid items with 'display:none' are not rendered
+ 4.1 Collapsed Grid Items: the visibility property
+ 4.2 Reordered Grid Items: the order property
grid-inline-order-property-auto-placement-001 = Ahem 'order' property affects grid items auto-placement position within an inline grid
grid-inline-order-property-auto-placement-002 = Ahem 'order' property affects grid items auto-placement position within an inline grid
grid-inline-order-property-auto-placement-003 = Ahem 'order' property affects grid items auto-placement position within an inline grid
grid-inline-order-property-auto-placement-004 = Ahem 'order' property affects grid items auto-placement position within an inline grid
grid-inline-order-property-auto-placement-005 = Ahem 'order' property affects grid items auto-placement position within an inline grid
grid-inline-order-property-painting-001 = Ahem 'order' property affects grid items painting order within an inline grid
grid-inline-order-property-painting-002 = Ahem 'order' property affects grid items painting order within an inline grid
grid-inline-order-property-painting-003 = Ahem 'order' property affects grid items painting order within an inline grid
grid-inline-order-property-painting-004 = Ahem 'order' property affects grid items painting order within an inline grid
grid-inline-order-property-painting-005 = Ahem 'order' property affects grid items painting order within an inline grid
grid-order-property-auto-placement-001 = Ahem 'order' property affects grid items auto-placement position
grid-order-property-auto-placement-002 = Ahem 'order' property affects grid items auto-placement position
grid-order-property-auto-placement-003 = Ahem 'order' property affects grid items auto-placement position
grid-order-property-auto-placement-004 = Ahem 'order' property affects grid items auto-placement position
grid-order-property-auto-placement-005 = Ahem 'order' property affects grid items auto-placement position
grid-order-property-painting-001 = Ahem 'order' property affects grid items painting order
grid-order-property-painting-002 = Ahem 'order' property affects grid items painting order
grid-order-property-painting-003 = Ahem 'order' property affects grid items painting order
grid-order-property-painting-004 = Ahem 'order' property affects grid items painting order
grid-order-property-painting-005 = Ahem 'order' property affects grid items painting order
+ 4.3 Z-axis Ordering: the z-index property
grid-inline-items-inline-blocks-001 = Paint order of grid items within an inline grid is the same as inline blocks
grid-inline-z-axis-ordering-001 = Ahem 'z-index' property controls the z-axis order of grid items within an inline grid
grid-inline-z-axis-ordering-002 = Ahem 'z-index' property controls the z-axis order of grid items within an inline grid
grid-inline-z-axis-ordering-003 = Ahem 'z-index' property controls the z-axis order of grid items within an inline grid
grid-inline-z-axis-ordering-004 = Ahem 'z-index' property controls the z-axis order of grid items within an inline grid
grid-inline-z-axis-ordering-005 = Ahem 'z-index' property controls the z-axis order of grid items within an inline grid
grid-inline-z-axis-ordering-overlapped-items-001 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-inline-z-axis-ordering-overlapped-items-002 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-inline-z-axis-ordering-overlapped-items-003 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-inline-z-axis-ordering-overlapped-items-004 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-inline-z-axis-ordering-overlapped-items-005 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-inline-z-axis-ordering-overlapped-items-006 = Ahem 'z-index' property controls the grid items stacking order within an inline grid
grid-items-inline-blocks-001 = Paint order of grid items is the same as inline blocks
grid-layout-z-order-a = z order
  • the layout should behave the same as reference.
grid-layout-z-order-b = z order
  • the layout should behave the same as reference.
grid-z-axis-ordering-001 = Ahem 'z-index' property controls the z-axis order of grid items
grid-z-axis-ordering-002 = Ahem 'z-index' property controls the z-axis order of grid items
grid-z-axis-ordering-003 = Ahem 'z-index' property controls the z-axis order of grid items
grid-z-axis-ordering-004 = Ahem 'z-index' property controls the z-axis order of grid items
grid-z-axis-ordering-005 = Ahem 'z-index' property controls the z-axis order of grid items
grid-z-axis-ordering-overlapped-items-001 = Ahem 'z-index' property controls the grid items stacking order
grid-z-axis-ordering-overlapped-items-002 = Ahem 'z-index' property controls the grid items stacking order
grid-z-axis-ordering-overlapped-items-003 = Ahem 'z-index' property controls the grid items stacking order
grid-z-axis-ordering-overlapped-items-004 = Ahem 'z-index' property controls the grid items stacking order
grid-z-axis-ordering-overlapped-items-005 = Ahem 'z-index' property controls the grid items stacking order
grid-z-axis-ordering-overlapped-items-006 = Ahem 'z-index' property controls the grid items stacking order
+ 4.4 Implied Minimum Size of Grid Items
grid-minimun-size-grid-items-001 = Ahem Minimun size of grid items
  • Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-002 = Minimun size of grid items
  • Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-003 = Minimun size of grid items
  • Checks that minimun size for grid items is the specified size regardless of the content size.
grid-minimun-size-grid-items-004 = Minimun size of grid items
  • Checks that minimun size for grid items is the specified size regardless of the content size.
grid-minimun-size-grid-items-005 = Minimun size of grid items
  • Checks that minimun size for grid items is the min-content size.
grid-minimun-size-grid-items-006 = Minimun size of grid items
  • Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-007 = Minimun size of grid items
  • Checks that minimun size for grid items is the specified size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-008 = Minimun size of grid items
  • Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.
grid-minimun-size-grid-items-009 = Minimun size of grid items
  • Checks that minimun size for grid items is the transferred size, as the min-content size of the image corresponds to that.