CSS Box Alignment Module Level 3 CR Test Suite

Baseline Alignment Details (55 tests)

Test Refs Flags Info
+ 9 Baseline Alignment Details
grid-align-baseline AhemScript grid align baseline
  • This test checks that baseline alignment works correctly for align-items and align-self properties
grid-align-baseline-vertical AhemScript grid align baseline vertical
  • This test checks that baseline alignment works correctly for align-self properties in vertical-rl and -lr writing modes
synthesized-baseline-flexbox-001 AhemScript Synthesized baseline flexbox
  • This test check the synthesized of a flexbox container if it has no items (it should use the flex container margin box) or if the items have no baseline (in that case it should use the flex item's border box).
synthesized-baseline-grid-001 AhemScript Synthesized baseline grid container
  • This test check the synthesized of a grid container if it has no items (it should use the grid container margin box) or if the items have no baseline (in that case it should use the grid item's border box).
synthesized-baseline-inline-block-001 AhemScript Synthesized baseline inline blocks
  • Inline blocks synthesized baseline use the margin box.
+ 9.1 Determining the Baselines of a Box
synthesized-baseline-table-cell-001 = Synthesized baseline table cell
grid-baseline-003 = CSS Grid: Grid container baseline
  • Check that grid container baseline should be synthesized from the border edges when it has no baseline.
synthesized-baseline-table-cell-001 = Synthesized baseline table cell
+ 9.2 Baseline Alignment Grouping
+ 9.3 Aligning Boxes by Baseline
baseline-alignment-affects-intrinsic-size-001 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
baseline-alignment-affects-intrinsic-size-002 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
baseline-alignment-affects-intrinsic-size-003 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
baseline-alignment-affects-intrinsic-size-004 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
baseline-alignment-affects-intrinsic-size-005 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
baseline-alignment-affects-intrinsic-size-006 Script evaluate how the baseline affects the grid intrinsic size
  • The grid intrinsic size is comptuted correctly, considering the effect of baseline alignment in the size of the column tracks
grid-self-baseline-001 = baseline context and self alignment
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. The 'align-self' property (orthogonal to the shared context) aligns all items along the baseline-axis using the row-like baseline.
grid-self-baseline-002 = baseline context and self alignment
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. We have 2 baseline-sharing groups. The 'align-self' property (orthogonal to the shared context) aligns items in each group along the baseline-axis using the row-like baseline.
grid-self-baseline-002-b = baseline context and self alignment
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. We have 2 baseline-sharing groups. The 'justify-self' property (orthogonal to the shared context) aligns items in each group along the baseline-axis using the column-like baseline.
grid-self-baseline-003 = baseline context and self alignment
  • Test that items orthogonal to the baseline-axis will use a synthesized baseline (border-box 'under' edge). All items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. The 'align-self' property (orthogonal to the shared context) aligns all items along the baseline-axis using the row-like baseline.
grid-self-baseline-004 = baseline context and self alignment
  • Test that items orthogonal to the baseline-axis will use a synthesized baseline (border-box 'under' edge). All items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. The 'align-self' property (orthogonal to the shared context) aligns all the items along the baseline-axis using the row-like baseline.
grid-self-baseline-005 = baseline context and self alignment
  • Test that no item shares any row-like Baseline Context. All items share 'first-column' Baseline Context. The 'justify-self' property (orthogonal to the shared context) aligns all items along the baseline-axis using the column-like baseline.
grid-self-baseline-006 = baseline context and self alignment
  • Test that items orthogonal to the baseline-axis will use a synthesized baseline (border-box 'under' edge). No item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. The 'justify-self' property (orthogonal to the shared context) aligns all items along the baseline-axis using the column-like baseline.
grid-self-baseline-007 = baseline context and self alignment
  • Test that items orthogonal to the baseline-axis will use a synthesized baseline (border-box 'under' edge). No item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. The 'justify-self' property (orthogonal to the shared context) aligns all items along the baseline-axis using the column-like baseline.
grid-self-baseline-008 = baseline context and self alignment
  • Test baseline alignment with percentage track sizing functions and grid items being or containing replaced elements with aspect ratio and percentage sizes.
grid-self-baseline-changes-grid-area-size-001 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on a fixed grid.
grid-self-baseline-changes-grid-area-size-002 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on fixed-sized grid and content-distribution.
grid-self-baseline-changes-grid-area-size-003 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on fixed-sized grid and empty items .
grid-self-baseline-changes-grid-area-size-004 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on auto-sized grid.
grid-self-baseline-changes-grid-area-size-005 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on auto-sized grid and gutters.
grid-self-baseline-changes-grid-area-size-006 = Self-Baseline alignment may change grid area height
  • Column-Axis Self-Baseline alignment may change grid area height on auto-sized grid and empty items.
grid-self-baseline-changes-grid-area-size-007 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on fixed-sized grid.
grid-self-baseline-changes-grid-area-size-008 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on fixed-sized grid and content-distribution.
grid-self-baseline-changes-grid-area-size-009 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on fixed-sized grid and empty items.
grid-self-baseline-changes-grid-area-size-010 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on auto-sized grid.
grid-self-baseline-changes-grid-area-size-011 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on auto-sized grid and gutters.
grid-self-baseline-changes-grid-area-size-012 = Self-Baseline alignment may change grid area width
  • Row-Axis Self-Baseline alignment may change grid area width on auto-sized grid and empty items.
grid-self-baseline-horiz-001 = baseline context and self alignment (horizontal)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'aling-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-horiz-002 = baseline context and self alignment (horizontal)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Only the parallel items participate in baseline alignment in the row-like Baseline Context; since no item shares column-like Baseline Context, only 'align-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-horiz-003 = baseline context and self alignment (horizontal)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Orthogonal items don't participate in baseline alignment in the row-like Baseline Context; since no item shares column-like Baseline Context, neither 'aling-self' or 'justify-self' apply.
grid-self-baseline-horiz-004 = baseline context and self alignment (horizontal)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. All the items are orthogonal to the column-axis, so they don't participate in the column-like Baseline Context; since no items shares row-like Baseline context, neither 'justify-self' or 'align-self' should apply.
grid-self-baseline-horiz-005 = baseline context and self alignment (horizontal)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Only the parallel items participate in baseline alignment in the column-like Baseline Context; since no item shares row-like Baseline Context, only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-horiz-006 = baseline context and self alignment (horizontal)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Items participate in both, column and row baseline, but since they only share a column-like Baseline Context only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-horiz-007 = baseline context and self alignment (horizontal)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. We have 2 baseline-sharing groups. Items participate in both, column and row baseline, but since they only share a column-like Baseline Context only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-lr-001 = baseline context and self alignment (vertical-lr)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'aling-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-lr-002 = baseline context and self alignment (vertical-lr)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Only the parallel items participate in baseline alignment in the row-like Baseline Context; since no item shares column-like Baseline Context, only 'aling-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-lr-003 = baseline context and self alignment (vertical-lr)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. All the items are orthogonal to the row-axis, so they don't participate in the row-like Baseline Context; since no items shares column-like Baseline context, neither 'justify-self' or 'align-self' should apply.
grid-self-baseline-vertical-lr-004 = baseline context and self alignment (vertical-lr)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Orthogonal items don't participate in baseline alignment in the row-like Baseline Context; since no item shares column-like Baseline Context, neither 'aling-self' or 'justify-self' apply.
grid-self-baseline-vertical-lr-005 = baseline context and self alignment (vertical-lr)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Only the parallel items participate in baseline alignment in the column-like Baseline Context; since no item shares row-like Baseline Context, only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-lr-006 = baseline context and self alignment (vertical-lr)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Items participate in both, column and row baseline, but since they only share a column-like Baseline Context only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-lr-007 = baseline context and self alignment (vertical-lr)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. We have 2 baseline-sharing groups. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'align-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-rl-001 = baseline context and self alignment (vertical-rl)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'aling-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-rl-002 = baseline context and self alignment (vertical-rl)
  • Test that all items share 'first-row' Baseline Context. No item shares any column-like Baseline Context. Only the parallel items participate in baseline alignment in the row-like Baseline Context; since no item shares column-like Baseline Context, only 'aling-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-rl-003 = baseline context and self alignment (vertical-rl)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. All the items are orthogonal to the row-axis, so they don't participate in the row-like Baseline Context; since no items shares column-like Baseline context, neither 'justify-self' or 'align-self' should apply.
grid-self-baseline-vertical-rl-004 = baseline context and self alignment (vertical-rl)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Orthogonal items don't participate in baseline alignment in the column-like baseline; since no item shares row-like Baseline Context, neither 'aling-self' or 'justify-self' apply.
grid-self-baseline-vertical-rl-005 = baseline context and self alignment (vertical-rl)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Only the parallel items participate in baseline alignment in the column-like Baseline Context; since no item shares row-like Baseline Context, only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-rl-006 = baseline context and self alignment (vertical-rl)
  • Test that no item shares any row-like Baseline Context and all items share 'first-column' Baseline Context. Items participate in both, column and row baseline, but since they only share a column-like Baseline Context only 'justify-self' (row baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.
grid-self-baseline-vertical-rl-007 = baseline context and self alignment (vertical-rl)
  • Test that all items share 'first-row' Baseline Context and no item shares any column-like Baseline Context. We have 2 baseline-sharing groups. Items participate in both, column and row baseline, but since they only share a row-like Baseline Context only 'align-self' (column baseline-axis) should apply. The Baseline Alignment may increase size contribution of some items.