1166147.html (1807B)
1 <!DOCTYPE html> 2 <!-- 3 This test checks if content is paginated correctly in the horizontal 4 direction when printing. The test passes if the pages generated 5 are identical for both vertical-lr and horizontal-tb writing-modes by means of 6 making the size of the content we are printing equal to exactly the same number 7 of pages being generated in each writing mode. 8 This sizing is calculated like so: 9 10 1. It is important to note that irrespective of the writing-mode, the print 11 UI always lays out printed pages vertically. Therefore, it is possible 12 to equate the printed content of two different writing modes if both 13 cases generate the exact same number of pages (and of course no text on 14 the pages, which is why we use background color since it is independent 15 of writing mode). 16 2. To avoid an unnecessary vertical scrollbar (since scrolled content will be 17 clipped anyway in the reftest snapshot), the maximum number of 5X3in pages 18 that we should generate for the reftest snapshot are equal to 3. 19 3. Considering a margin of 0.5in on each side of the 5X3in page, we get the 20 size of the page content area to be 4X2in per page and to generate exactly 3 21 printed pages from this in the vertical-rl writing mode, we need a printable 22 area of 12X2in (as used below). 23 24 Similarly, the size for the reference printable area is calculated, only 25 considering a horizontal-tb writing mode. 26 27 It is important to note here that when printing this test outside of the test 28 harness, the background color will not show since we omit printing and 29 previewing of background colors by default via the browser printing path. 30 --> 31 <html class="reftest-paged" style="writing-mode: vertical-rl;"> 32 <body style="margin:0;"> 33 <div style="background: teal; width:12in; height:2in;"> 34 </div> 35 </body> 36 </html>