|
+
3 Flex Containers: the flex and inline-flex display values |
|---|
|
column-flexbox-break |
= |
Ahem |
CSS Regions: fragmenting a flex container with column flow
- Test checks that a flex container with column flow is fragmented between regions.
|
|
display-flex-001 |
= |
|
An element with the 'display' property set to 'flex' establishes a new block-level flex container
- This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container.
|
|
display_flex_exist |
|
DOM/JSScript |
display_flex
- Check if the web engine can indenfy the display value flex.
|
|
display_inline-flex_exist |
|
DOM/JSScript |
display_inline-flex
- Check if the web engine can identify the display value inline-flex.
|
|
flexbox-overflow-horiz-001 |
= |
|
Testing 'overflow' property on a horizontal flex container, with contents not overflowing
|
|
flexbox-overflow-horiz-002 |
= |
|
Testing 'overflow' property on a horizontal flex container, with 'align-items: center'
|
|
flexbox-overflow-horiz-003 |
= |
|
Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around'
|
|
flexbox-overflow-vert-001 |
= |
|
Testing 'overflow' property on a vertical flex container
|
|
flexbox-overflow-vert-002 |
= |
|
Testing 'overflow' property on a vertical flex container, with 'align-items: center'
|
|
flexbox-overflow-vert-003 |
= |
|
Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around'
|
|
flexbox-root-node-001a |
= |
|
Testing 'display:flex' on root node
|
|
flexbox-root-node-001b |
= |
|
Testing 'display:flex' on root node
|
|
flexbox_block |
= |
|
flexbox | block
|
|
flexbox_box-clear |
= |
|
flexbox | cleared box
|
|
flexbox_columns |
= |
|
flexbox | multicol
|
|
flexbox_columns-flexitems |
= |
|
flexbox | multicol on flexbox items
|
|
flexbox_columns-flexitems-2 |
= |
|
flexbox | multicol on flexbox items
|
|
flexbox_computedstyle_display |
|
DOM/JS |
flexbox | computed style | display: flex
|
|
flexbox_computedstyle_display-inline |
|
DOM/JS |
flexbox | computed style | display: inline-flex
|
|
flexbox_display |
= |
|
flexbox | display error-handling
|
|
flexbox_fbfc |
= |
|
flexbox | flex formatting context :: float intrusion
|
|
flexbox_fbfc2 |
= |
|
flexbox | flex formatting context :: float intrusion
|
|
flexbox_flex-formatting-interop |
= |
|
flexbox | flex formatting context :: negative margins and border box
|
|
flexbox_inline |
= |
|
flexbox | inline
|
|
flexbox_item-clear |
= |
|
flexbox | cleared item
|
|
flexbox_item-float |
= |
|
flexbox | floated item
|
|
flexbox_item-vertical-align |
= |
|
flexbox | vertical-align
|
|
flexbox_margin |
= |
|
flexbox | margins
|
|
flexbox_nested-flex |
= |
|
flexbox | nested flexcontainer
|
|
flexible-box-float |
= |
|
flexible box flex item float effect
- float has no effect on flex items
|
|
regions-flexbox-001 |
= |
|
CSS Regions: flowing flexbox elements in region
- Test that flex containers are flowed inside a namedflow.
|
|
regions-flexbox-002 |
= |
Ahem |
CSS Regions: flowing auto-height flexbox elements in region
- Test that flex containers with auto height are flowed inside a namedflow.
|
|
regions-flexbox-003 |
= |
Ahem |
CSS Regions: fixed sized region inside a fixed sized flexbox
- Test that content is flowed in a region placed inside a flexbox.
|
|
regions-flexbox-004 |
= |
Ahem |
CSS Regions: fixed sized region inside an auto height flexbox
- Test that content is flowed in a region placed inside a flexbox with auto-height.
|
|
ttwf-reftest-flex-base |
= |
|
display proprety - flex
- Statement describing what the test case is asserting
|