CSS Writing Modes Module Level 3 CR Test Suite

Introduction to Vertical Text (35 tests)

Test Refs Flags Info
+ 3 Introduction to Vertical Text
+ 3.1 Block Flow Direction: the writing-mode property
block-flow-direction-vrl-026 = Ahem vertical-rl - block flow direction of block-level boxes
  • This test checks 1.block flow direction, 2.inline direction when 'writing-mode' is set to 'vertical-rl'.
ch-unit-002 = the ch unit in vertical orientation
  • In vertical upright, the ch unit is equal to the used vertical advance measure of the 0 (ZERO, U+0030) glyph found in the font used to render it.
ic-unit-002 = the ic unit in vertical orientation
  • In vertical upright, the ic unit is equal to the used vertical advance measure of the 水 (CJK water ideograph, U+6C34) glyph found in the font used to render it.
ic-unit-003 = the ic unit in vertical orientation
  • In vertical mixed, the ic unit is equal to the used vertical advance measure of the 水 (CJK water ideograph, U+6C34) glyph found in the font used to render it.
ic-unit-004 = the ic unit in vertical orientation
  • In vertical sideways, the ic unit is equal to the used horizontal advance measure of the 水 (CJK water ideograph, U+6C34) glyph found in the font used to render it.
table-progression-slr-001 = sideways-lr Table Row/Rowgroup/Cell Ordering
  • This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-slr-002 = sideways-lr Table Column/Colgroup Ordering
  • This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-srl-001 = sideways-rl Table Row/Rowgroup/Cell Ordering
  • This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-srl-002 = sideways-rl Table Column/Colgroup Ordering
  • This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-vlr-001 = vertical-lr Table Row/Rowgroup/Cell Ordering
  • This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-vlr-002 = vertical-lr Table Column/Colgroup Ordering
  • This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-vlr-003 = vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering
  • This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups left to right and cells top-to-bottom when text-orientation is upright.
table-progression-vlr-004 = vertical-lr upright orientation Table Column/Colgroup Ordering
  • This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.
table-progression-vrl-001 = vertical-rl Table Row/Rowgroup/Cell Ordering
  • This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
table-progression-vrl-002 = vertical-rl Table Column/Colgroup Ordering
  • This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
table-progression-vrl-003 = vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering
  • This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.
table-progression-vrl-004 = vertical-rl upright orientation Table Column/Colgroup Ordering
  • This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.
writing-mode-parsing-001 DOM/JSScript CSS Writing Modes: parsing writing-mode
  • This test asserts the parser and getComputedStyle works correctly for the writing-mode property.
writing-mode-parsing-sideways-lr-001 DOM/JSScript CSS Writing Modes: parsing writing-mode: sideways-lr
  • This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-lr.
writing-mode-parsing-sideways-rl-001 DOM/JSScript CSS Writing Modes: parsing writing-mode: sideways-rl
  • This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-rl.
autoheight-regions-in-autoheight-flexbox-002 = Ahem CSS Regions: Auto-height regions with vertical writing mode in auto-height flexbox
  • Test checks that auto-height regions having content with vertical writing mode are sized correctly when placed inside a flex container. The flowed content should be displayed as a horizontal green stripe.
css-flexbox-row = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical.
css-flexbox-row-reverse = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical.
css-flexbox-row-reverse-wrap = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical.
css-flexbox-row-reverse-wrap-reverse = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical.
css-flexbox-row-wrap = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical.
css-flexbox-row-wrap-reverse = flex direction: row, writing mode vertical
  • Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical.
extract-ordered-list-direction-and-writing-modes = flow-into on list items that use different text directions or writing modes
  • The flow-into property can be applied to elements that have different text directions and writing modes. This tests that the rendering for lists that use different text directions/writing modes are not affected when they are extracted in a named flow and rendered in a region.
flexbox-writing-mode-007 = Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
flexbox-writing-mode-008 = Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
flexbox-writing-mode-009 = Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode
writing-mode-vertical-lr-002 = Ahem writing-mode: vertical-lr - basic inline case
writing-mode-vertical-rl-001 = Ahem writing-mode: vertical-rl - basic inline case
writing-mode-vertical-rl-002 = Ahem writing-mode: vertical-rl - basic inline case
+ 3.1.1 Obsolete SVG1.1 writing-mode Values
writing-mode-parsing-svg1-001 DOM/JSOptionalSVGScript CSS Writing Modes: parsing SVG 1.1 writing-mode values
  • This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.
+ 3.1.1.1 Supporting SVG1.1 writing-mode values in CSS syntax
+ 3.1.1.2 Supporting SVG1.1 writing-mode values in presentational attributes