|
+
3 Flex Containers: the flex and inline-flex display values |
|---|
|
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.
|
|
flex-base |
= |
|
display proprety - flex
- Statement describing what the test case is asserting
|
|
flex-margin-no-collapse |
= |
|
flex item margins
- The vertical gap between two green boxs should be 100px.
|
|
flex-minimum-width-flex-items-014 |
|
Script |
CSS Flexbox: Proper min-width intrinsic size with display: flex
- This test checks that min-width intrinsic size still applies if a fixed width is set.
|
|
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/JSScript |
flexbox | computed style | display: flex
|
|
flexbox_computedstyle_display-inline |
|
DOM/JSScript |
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_generated |
= |
|
flexbox | flexcontainer vs generated content
|
|
flexbox_generated-flex |
= |
|
flexbox | flexcontainer via generated content
|
|
flexbox_generated-nested-flex |
= |
|
flexbox | flexcontainer via generated content
|
|
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
|
|
inline-flex |
|
Script |
CSS Flexbox: Ensure proper formatting with display: inline-flex
- This test checks that inline-flex generates a flex container box that is inline-level when placed in flow layout.
|
|
intrinsic-width-orthogonal-writing-mode |
|
Script |
CSS Flexbox: container widths & ortho items
- the correct width/height of ortho children is used to size flex containers
|
|
zero-content-size-with-scrollbar-crash |
|
|
- This test passes if the renderer does not crash.
|