Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
test:css-writing-modes-3 [2014/12/09 15:48] – external edit 127.0.0.1test:css-writing-modes-3 [2015/02/09 20:31] (current) – [§7.1 Principles of Layout in Vertical Writing Modes] gtalbot
Line 7: Line 7:
 [[http://www.w3.org/TR/css-writing-modes-3/#text-flow|§1 Introduction to Writing Modes]] [[http://www.w3.org/TR/css-writing-modes-3/#text-flow|§1 Introduction to Writing Modes]]
  
-[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1|0 test done]]  +[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1|0/0 tests done.]] 
- +
-0 test to be done. +
  
 This section is just a general introduction to writing modes. This section is just a general introduction to writing modes.
Line 17: Line 15:
 [[http://www.w3.org/TR/css-writing-modes-3/#placement|§1.1 Module Interactions]] [[http://www.w3.org/TR/css-writing-modes-3/#placement|§1.1 Module Interactions]]
  
-[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1.1|0 test done]]  +[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1.1|0/0 tests done.]] 
- +
-0 test to be done.+
  
 ==== §1.2 Values ==== ==== §1.2 Values ====
Line 25: Line 21:
 [[http://www.w3.org/TR/css-writing-modes-3/#values|§1.2 Values]] [[http://www.w3.org/TR/css-writing-modes-3/#values|§1.2 Values]]
  
-[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1.2|0 test done]] +[[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-1.htm#s1.2|0/0 tests done.]] 
  
-0 test to be done. Albeit...+Albeit...
  
 **"all properties defined in this specification also accept the inherit keyword as their property value"** **"all properties defined in this specification also accept the inherit keyword as their property value"**
 +
 +requires appropriate tests for each property.
  
 ===== §2 Inline Direction and Bidirectionality ===== ===== §2 Inline Direction and Bidirectionality =====
Line 36: Line 34:
  
 [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-2.htm#s2|96 tests done]] [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-2.htm#s2|96 tests done]]
- 
-2 tests to be done. 
  
 " "
Line 43: Line 39:
 " "
  
-//I have no idea what the above means or could mean in terms of testing but I think only 2 tests could be done out of such paragraphGT//+  * Need to import CSS2.1 tests and Mozilla tests for UAX9 compliance and evaluate coverage.
  
 ==== §2.1 Specifying Directionality: the direction property ==== ==== §2.1 Specifying Directionality: the direction property ====
Line 77: Line 73:
 [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-2.htm#s2.2|0 test done]]  [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-2.htm#s2.2|0 test done]] 
  
-x test to be done.+Tests to be done
 + 
 +  * cross-link unicode-bidi tests linked to §2 
 +  * 1 test: block-plaintext-004 variation with block-in-inline split paragraphs 
 +  * 2 tests: block-plaintext-006 variation with white-space: pre and white-space: pre-lines
  
 non-'normal' unicode-bidi values will cause inline boxes to create scope which will override the intrinsic directionality of text non-'normal' unicode-bidi values will cause inline boxes to create scope which will override the intrinsic directionality of text
  
   - a bidi parg with an unicode-bidi: normal inline box: the inline box is transparent to the unicode bidi algorithm; content is ordered as if the box’s boundaries were not there. //Weird: wasn't this already stated in 2.1? Compare: 2.1 statement: "The direction property has no effect on bidi reordering when specified on inline boxes whose unicode-bidi property’s value is normal, because the box does not open an additional level of embedding with respect to the bidirectional algorithm." 2.2 statement: "when unicode-bidi is normal) an inline box is transparent to the unicode bidi algorithm; content is ordered as if the box’s boundaries were not there."//   - a bidi parg with an unicode-bidi: normal inline box: the inline box is transparent to the unicode bidi algorithm; content is ordered as if the box’s boundaries were not there. //Weird: wasn't this already stated in 2.1? Compare: 2.1 statement: "The direction property has no effect on bidi reordering when specified on inline boxes whose unicode-bidi property’s value is normal, because the box does not open an additional level of embedding with respect to the bidirectional algorithm." 2.2 statement: "when unicode-bidi is normal) an inline box is transparent to the unicode bidi algorithm; content is ordered as if the box’s boundaries were not there."//
 +     * Requires a test, e.g. with string of neutrals between two strong characters, element boundary in the middle 
   - a bidi parg with an unicode-bidi: {embed | isolate | bidi-override | isolate-override | plaintext | inherit} inline box: //6 tests to do//   - a bidi parg with an unicode-bidi: {embed | isolate | bidi-override | isolate-override | plaintext | inherit} inline box: //6 tests to do//
   - Because the unicode-bidi property does not inherit, setting bidi-override or plaintext on a block box will not affect any descendant blocks. Therefore these values are best used on blocks and inlines that do not contain any block-level structures.    - Because the unicode-bidi property does not inherit, setting bidi-override or plaintext on a block box will not affect any descendant blocks. Therefore these values are best used on blocks and inlines that do not contain any block-level structures. 
-  +      * This is tested above.
 Notes:  Notes: 
  
Line 162: Line 163:
 http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/testadhoc4.html http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/testadhoc4.html
  
-Test assertion: This test checks that block-level boxes in a { right-floating box | abs. pos. box | inline-block | list | table-cell | table-caption | block boxes with 'overflow' other than 'visible' } with 'writing-mode' set to { 'vertical-lr' | 'vertical-rl' } creates a block formatting context for its block boxes.+Test assertion: This test checks that block-level boxes in a { right-floating box | abs. pos. box | inline-block | list | table-cell | table-caption } with 'writing-mode' set to { 'vertical-lr' | 'vertical-rl' } creates a block formatting context for its block boxes.
  
   b) line box direction in a block container that contains inlines   b) line box direction in a block container that contains inlines
Line 176: Line 177:
 http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/testadhoc3.html http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/testadhoc3.html
  
-Test assertion: This test checks that lines boxes in a { 'vertical-lr' | 'vertical-rl' } block container { right-floating box | abs. pos. box | inline-block | list | table-cell | table-caption | block boxes with 'overflow' other than 'visible' } that contains inlines are ordered from { left to right | right to left }; the first line box of such block container is the { leftmost | rightmost }.+Test assertion: This test checks that lines boxes in a { 'vertical-lr' | 'vertical-rl' } block container { right-floating box | abs. pos. box | inline-block | list | table-cell | table-caption } that contains inlines are ordered from { left to right | right to left }; the first line box of such block container is the { leftmost | rightmost }.
  
   c) progression of rows in a table   c) progression of rows in a table
Line 186: Line 187:
 Test assertion: This test checks that rows in a vertical-rl table are ordered from right to left; the first row is the rightmost row Test assertion: This test checks that rows in a vertical-rl table are ordered from right to left; the first row is the rightmost row
  
-Test assertion: This test checks that rows in a vertical-rl table are ordered from left to right; the first row is the leftmost row+Test assertion: This test checks that rows in a vertical-lr table are ordered from left to right; the first row is the leftmost row
  
 For each of these tests, we need additional tests with For each of these tests, we need additional tests with
Line 201: Line 202:
   e) "the writing-mode property of the HTML BODY element is not propagated to the viewport."   e) "the writing-mode property of the HTML BODY element is not propagated to the viewport."
  
-//Possible (draft) tests for now: [[http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/wm-body-propagation-viewport-001.html|body and rl]] , [[http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/wm-body-propagation-viewport-004.html|body and lr]].//+//Possible (draft) tests for now: [[http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/body-propagation-viewport-001.html|body and rl]] , [[http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/body-propagation-viewport-004.html|body and lr]].//
  
 //related CSS2.1 tests are http://test.csswg.org/suites/css2.1/nightly-unstable/html4/c5504-mrgn-l-002.htm  //related CSS2.1 tests are http://test.csswg.org/suites/css2.1/nightly-unstable/html4/c5504-mrgn-l-002.htm 
Line 218: Line 219:
   f) "If a box has a different block flow direction than its containing block:   f) "If a box has a different block flow direction than its containing block:
   If the box has a specified display of inline, its display computes to inline-block. [CSS21]   If the box has a specified display of inline, its display computes to inline-block. [CSS21]
-  If the box has a specified display of run-in, its display computes to block. [CSS21] 
   If the box is a block container, then it establishes a new block formatting context.    If the box is a block container, then it establishes a new block formatting context. 
   "   "
  
-//2 tests (the run-in case is not testable for now) can be written out of this multiplied by 3 writing-modes values; we could create javascript tests as well//+//2 tests can be written out of this multiplied by 3 writing-modes values; we could create javascript tests as well//
  
   g) Testable: The content of replaced elements do not rotate due to the writing mode:    g) Testable: The content of replaced elements do not rotate due to the writing mode: 
Line 408: Line 408:
 [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.1|0 test done]]  [[http://test.csswg.org/suites/css-writing-modes-3_dev/nightly-unstable/html/chapter-7.htm#s7.1|0 test done]] 
  
-x test to be done.+"Layout calculation rules (such as those in [[http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#Computing_widths_and_margins|CSS2.1, Section 10.3]]) that apply to the horizontal dimension in horizontal writing modes instead apply to the vertical dimension in vertical writing modes. Likewise, layout calculation rules (such as those in [[http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#Computing_heights_and_margins|CSS2.1, Section 10.6]]) that apply to the vertical dimension in horizontal writing modes instead apply to the horizontal dimension in vertical writing modes." 
 + 
 +Many tests to be done: at least one for each sub-sections of 10.3 and of 10.6.
  
 ==== §7.2 Dimensional Mapping ==== ==== §7.2 Dimensional Mapping ====
 
test/css-writing-modes-3.txt · Last modified: 2015/02/09 20:31 by gtalbot
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki