CSS Box Alignment Module Level 3 CR Test Suite

Default Alignment (107 tests)

Test Refs Flags Info
+ 7 Default Alignment
parse-align-items-001 Script Default-Alignment: align-items - setting values via CSS
  • Check that the computed value is the specified value and the JS value is empty.
parse-align-items-002 Script Default-Alignment: align-items - 'initial' value
  • Check the 'initial' value in diferent scenarios.
parse-align-items-003 Script Default-Alignment: align-items - setting values via JS
  • Check that the computed value is the specified value and the same than the JS value.
parse-align-items-004 Script Default-Alignment: align-items - invalid values
  • Check bad combinations of specified values.
parse-align-items-005 Script Default-Alignment: align-items - inherit value
  • Check bad cobinations of specified values.
parse-justify-items-001 Script Default-Alignment: justify-items - setting values via CSS
  • Check that the computed value is the specified value and the JS value is empty.
parse-justify-items-002 Script Default-Alignment: justify-items - 'initial' value
  • Check the 'initial' value in diferent scenarios.
parse-justify-items-003 Script Default-Alignment: justify-items - setting values via JS
  • Check that the computed value is the specified value and the same than the JS value.
parse-justify-items-004 Script Default-Alignment: justify-items - invalid values
  • Check bad combinations of specified values.
parse-justify-items-005 Script Default-Alignment: justify-items - inherit value
  • Check the 'inherit' value in different scenarios.
parse-justify-items-006 Script Default-Alignment: justify-items - use of the 'legacy' keyword
  • Check the use of the 'legacy' keyword in different scenarios.
+ 7.1 Inline-Axis (or Main-Axis) Alignment: the justify-items property
grid-alignment-implies-size-change-019 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'stretch' to 'start' causes non-replaced items to shrink.
grid-alignment-implies-size-change-020 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'start' to 'stretch' causes non-replaced items to grow.
grid-alignment-implies-size-change-021 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'stretch' to 'normal' causes no effect on non-replaced items.
grid-alignment-implies-size-change-022 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'normal' to 'stretch' causes no effect on non-replaced items.
grid-alignment-implies-size-change-023 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'start' to 'normal' causes non-replaced items to grow.
grid-alignment-implies-size-change-024 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'normal' to 'start' causes non-replaced items to shrink.
grid-alignment-implies-size-change-025 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'start' to 'stretch' causes non-replaced items to shrink.
grid-alignment-implies-size-change-026 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'stretch' to 'start' causes non-replaced items to grow.
grid-alignment-implies-size-change-027 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'start' to 'normal' causes non-replaced items to shrink.
grid-alignment-implies-size-change-028 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'normal' to 'start' causes non-replaced items to grow.
grid-alignment-implies-size-change-029 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'stretch' to 'start' causes replaced items to shrink.
grid-alignment-implies-size-change-030 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'start' to 'stretch' causes replaced items to grow.
grid-alignment-implies-size-change-031 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid's justify-items value from 'stretch' to 'normal' causes replaced items to shrink.
grid-alignment-implies-size-change-032 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'normal' to 'stretch' causes non-replaced items to grow.
grid-alignment-implies-size-change-033 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'start' to 'normal' causes no effect on replaced items.
grid-alignment-implies-size-change-034 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'normal' to 'start' causes no effect on replaced items.
grid-alignment-implies-size-change-035 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'start' to 'stretch' causes replaced items to shrink.
grid-alignment-implies-size-change-036 Script Changes on Default-Alignment may affect grid item's width
  • Changing the grid item's justify-items value from 'stretch' to 'start' causes replaced items to grow.
grid-row-axis-self-baseline-synthesized-001 Script Self-Baseline alignment along row-axis on fixed sized grids and synthesized baselines
  • Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.
grid-row-axis-self-baseline-synthesized-002 Script Self-Baseline alignment along row-axis on fixed sized grids and synthesized baselines
  • Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.
grid-row-axis-self-baseline-synthesized-003 Script Self-Baseline alignment along row-axis on fixed sized grids and synthesized baselines
  • Empty grid items with relative size should use their border-box 'under' edge as synthesized baseline.
grid-row-axis-self-baseline-synthesized-004 Script Self-Baseline alignment along row-axis on content-sized grids and synthesized baselines
  • Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.
grid-row-axis-self-baseline-synthesized-005 Script Self-Baseline alignment along row-axis on content-sized grids and synthesized baselines
  • Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-001 Script Self-Baseline alignment and sizing cyclic dependency
  • Grid items with relative size in the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-002 Script Self-Baseline alignment and sizing cyclic dependency
  • Grid items orthogonal to the Baseline Context along the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-003 Script Self-Baseline alignment and sizing cyclic dependency
  • Items not participating in baseline may later participate if there is an extra pass of the track sizing algorithm.
justify-items-computed Script CSS Box Alignment Level 3: getComputedStyle().justifyItems
  • justify-items computed value is as specified.
  • justify-items legacy depends on inherited value.
justify-items-invalid Script CSS Box Alignment Level 3: parsing justify-items with invalid values
  • justify-items supports only the grammar 'normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]'.
justify-items-valid Script CSS Box Alignment Level 3: parsing justify-items with valid values
  • justify-items supports the full grammar 'normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]'.
parse-justify-items-001 Script Default-Alignment: justify-items - setting values via CSS
  • Check that the computed value is the specified value and the JS value is empty.
parse-justify-items-002 Script Default-Alignment: justify-items - 'initial' value
  • Check the 'initial' value in diferent scenarios.
parse-justify-items-003 Script Default-Alignment: justify-items - setting values via JS
  • Check that the computed value is the specified value and the same than the JS value.
parse-justify-items-004 Script Default-Alignment: justify-items - invalid values
  • Check bad combinations of specified values.
parse-justify-items-005 Script Default-Alignment: justify-items - inherit value
  • Check the 'inherit' value in different scenarios.
parse-justify-items-006 Script Default-Alignment: justify-items - use of the 'legacy' keyword
  • Check the use of the 'legacy' keyword in different scenarios.
+ 7.2 Block-Axis (or Cross-Axis) Alignment: the align-items property
grid-align-justify-margin-border-padding AhemScript box model parts and alignment properties
  • This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties, in both LTR and RTL directions.
grid-align-justify-margin-border-padding-vertical-lr AhemScript box model parts and alignment properties, vertical-LR writing mode
  • This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-LR grids, in both LTR and RTL directions.
grid-align-justify-margin-border-padding-vertical-rl AhemScript box model parts and alignment properties, vertical-RL writing mode
  • This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-RL grids, in both LTR and RTL directions.
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-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.
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).
align-items-computed Script CSS Box Alignment Level 3: getComputedStyle().alignItems
  • align-items computed value is as specified.
align-items-invalid Script CSS Box Alignment Level 3: parsing align-items with invalid values
  • align-items supports only the grammar 'normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]'.
align-items-valid Script CSS Box Alignment Level 3: parsing align-items with valid values
  • align-items supports the full grammar 'normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]'.
grid-alignment-implies-size-change-001 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'stretch' to 'start' causes non-replaced items to shrink.
grid-alignment-implies-size-change-002 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'start' to 'stretch' causes non-replaced items to grow.
grid-alignment-implies-size-change-003 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'stretch' to 'normal' causes no effect on non-replaced items.
grid-alignment-implies-size-change-004 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'normal' to 'stretch' causes no effect on non-replaced items.
grid-alignment-implies-size-change-005 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'start' to 'normal' causes non-replaced items to grow.
grid-alignment-implies-size-change-006 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'normal' to 'start' causes non-replaced items to shrink.
grid-alignment-implies-size-change-007 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'start' to 'stretch' causes non-replaced items to shrink.
grid-alignment-implies-size-change-008 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'stretch' to 'start' causes non-replaced items to grow.
grid-alignment-implies-size-change-009 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'start' to 'normal' causes non-replaced items to shrink.
grid-alignment-implies-size-change-010 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'normal' to 'start' causes non-replaced items to grow.
grid-alignment-implies-size-change-011 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'stretch' to 'start' causes replaced items to shrink.
grid-alignment-implies-size-change-012 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'start' to 'stretch' causes replaced items to grow.
grid-alignment-implies-size-change-013 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid's align-items value from 'stretch' to 'normal' causes replaced items to shrink.
grid-alignment-implies-size-change-014 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'normal' to 'stretch' causes non-replaced items to grow.
grid-alignment-implies-size-change-015 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'start' to 'normal' causes no effect on replaced items.
grid-alignment-implies-size-change-016 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'normal' to 'start' causes no effect on replaced items.
grid-alignment-implies-size-change-017 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'start' to 'stretch' causes replaced items to shrink.
grid-alignment-implies-size-change-018 Script Changes on Default-Alignment may affect grid item's height
  • Changing the grid item's align-items value from 'stretch' to 'start' causes replaced items to grow.
grid-column-axis-self-baseline-synthesized-001 Script Self-Baseline alignment along column-axis on fixed sized grids and synthesized baselines
  • Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.
grid-column-axis-self-baseline-synthesized-002 Script Self-Baseline alignment along column-axis on fixed sized grids and synthesized baselines
  • Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.
grid-column-axis-self-baseline-synthesized-003 Script Self-Baseline alignment along column-axis on fixed sized grids and synthesized baselines
  • Empty grid items with relative size should use their border-box 'under' edge as synthesized baseline.
grid-column-axis-self-baseline-synthesized-004 Script Self-Baseline alignment along column-axis on content-sized grids and synthesized baselines
  • Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.
  • Empty grid items with fixed size should use their border-box 'under' edge as synthesized baseline.
grid-column-axis-self-baseline-synthesized-005 Script Self-Baseline alignment along column-axis on fixed sized grids and synthesized baselines
  • Grid items orthogonal to the Baseline Alignment Context should use their border-box 'under' edge as synthesized baseline.
grid-item-auto-margins-alignment AhemScript align-self and justify-self with auto margins
  • This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied, both for LTR and RTL directions.
grid-item-auto-margins-alignment-vertical-lr AhemScript align-self and justify-self with auto margins, vertical-lr
  • This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied, both for LTR and RTL directions, vertical-lr writing mode.
grid-item-auto-margins-alignment-vertical-rl AhemScript align-self and justify-self with auto margins, vertical-rl
  • This test checks that align-self and justify-self properties are not applied when there is auto-margin in the corresponding axis. Instead, auto-margin alignment should be applied, both for LTR and RTL directions, vertical-rl writing mode.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-001 Script Self-Baseline alignment and sizing cyclic dependency
  • Grid items with relative size in the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-002 Script Self-Baseline alignment and sizing cyclic dependency
  • Grid items orthogonal to the Baseline Context along the inline or block axis and an intrinsically-sized column or row respectively, don't participate in baseline alignment in the, row-like or column-like respectively, shared alignment context.
grid-self-baseline-not-applied-if-sizing-cyclic-dependency-003 Script Self-Baseline alignment and sizing cyclic dependency
  • Items not participating in baseline may later participate if there is an extra pass of the track sizing algorithm.
parse-align-items-001 Script Default-Alignment: align-items - setting values via CSS
  • Check that the computed value is the specified value and the JS value is empty.
parse-align-items-002 Script Default-Alignment: align-items - 'initial' value
  • Check the 'initial' value in diferent scenarios.
parse-align-items-003 Script Default-Alignment: align-items - setting values via JS
  • Check that the computed value is the specified value and the same than the JS value.
parse-align-items-004 Script Default-Alignment: align-items - invalid values
  • Check bad combinations of specified values.
parse-align-items-005 Script Default-Alignment: align-items - inherit value
  • Check bad cobinations of specified values.
+ 7.3 Self-Alignment Shorthand: the place-items property
place-items-computed Script CSS Box Alignment Level 3: getComputedStyle().placeItems
  • place-items computed value is as specified.
place-items-invalid Script CSS Box Alignment Level 3: parsing place-items with invalid values
  • place-items supports only the grammar '<align-items> <justify-items>?'.
place-items-shorthand Script CSS Box Alignment Level 3: place-items sets longhands
  • place-items supports the full grammar '<align-items> <justify-items>?'.
place-items-valid Script CSS Box Alignment Level 3: parsing place-items with valid values
  • place-items supports the full grammar '<align-items> <justify-items>?'.