# coding: utf-8 """ weasyprint.tests.layout ----------------------- Tests for layout, ie. positioning and dimensioning of boxes, line breaks, page breaks. :copyright: Copyright 2011-2014 Simon Sapin and contributors, see AUTHORS. :license: BSD, see LICENSE for details. """ from __future__ import division, unicode_literals import math import pytest from .testing_utils import FONTS, assert_no_logs, capture_logs, almost_equal from ..formatting_structure import boxes from .test_boxes import render_pages as parse def body_children(page): """Take a ``page`` and return its ’s children.""" html, = page.children assert html.element_tag == 'html' body, = html.children assert body.element_tag == 'body' return body.children def outer_area(box): """Return the (x, y, w, h) rectangle for the outer area of a box.""" return (box.position_x, box.position_y, box.margin_width(), box.margin_height()) @assert_no_logs def test_page_size(): """Test the layout for ``@page`` properties.""" pages = parse('

') page = pages[0] assert isinstance(page, boxes.PageBox) assert int(page.margin_width()) == 793 # A4: 210 mm in pixels assert int(page.margin_height()) == 1122 # A4: 297 mm in pixels page, = parse('') assert page.margin_width() == 192 assert page.margin_height() == 960 page, = parse('') assert page.margin_width() == 242 assert page.margin_height() == 242 page, = parse('') assert page.margin_width() == 816 # 8.5in assert page.margin_height() == 1056 # 11in page, = parse('') assert page.margin_width() == 816 # 8.5in assert page.margin_height() == 1056 # 11in page, = parse('') assert page.margin_width() == 1056 # 11in assert page.margin_height() == 816 # 8.5in page, = parse('') assert int(page.margin_width()) == 793 # A4: 210 mm assert int(page.margin_height()) == 1122 # A4: 297 mm page, = parse('') assert int(page.margin_width()) == 1122 # A4: 297 mm assert int(page.margin_height()) == 793 # A4: 210 mm page, = parse('''

''') assert page.margin_width() == 200 assert page.margin_height() == 300 assert page.position_x == 0 assert page.position_y == 0 assert page.width == 84 # 200px - 10% - 1 inch assert page.height == 230 # 300px - 10px - 20% html, = page.children assert html.element_tag == 'html' assert html.position_x == 96 # 1in assert html.position_y == 10 # root element’s margins do not collapse assert html.width == 84 body, = html.children assert body.element_tag == 'body' assert body.position_x == 96 # 1in assert body.position_y == 10 # body has margins in the UA stylesheet assert body.margin_left == 8 assert body.margin_right == 8 assert body.margin_top == 8 assert body.margin_bottom == 8 assert body.width == 68 paragraph, = body.children assert paragraph.element_tag == 'p' assert paragraph.position_x == 104 # 1in + 8px assert paragraph.position_y == 18 # 10px + 8px assert paragraph.width == 68 page, = parse(''' ''') assert page.width == 16 # 100 - 2 * 42 assert page.height == 58 # 100 - 2 * 21 html, = page.children assert html.element_tag == 'html' assert html.position_x == 42 # 2 + 8 + 32 assert html.position_y == 21 # 1 + 4 + 16 page, = parse('''''') assert page.margin_top == 15 # (206 - 2*1 - 2*2 - 170) / 2 assert page.margin_right == 10 # (106 - 2*1 - 2*2 - 80) / 2 assert page.margin_bottom == 15 # (206 - 2*1 - 2*2 - 170) / 2 assert page.margin_left == 10 # (106 - 2*1 - 2*2 - 80) / 2 page, = parse('''''') assert page.margin_top == 5 assert page.margin_right == 5 assert page.margin_bottom == 25 # 206 - 2*1 - 2*2 - 170 - 5 assert page.margin_left == 15 # 106 - 2*1 - 2*2 - 80 - 5 # Over-constrained: the containing block is resized page, = parse('''''') assert page.margin_width() == 112 # 100 + 2*1 + 2*2 + 2*3 assert page.margin_height() == 112 page, = parse('''''') assert page.margin_width() == 700 assert page.margin_height() == 1700 page, = parse('''''') assert page.margin_width() == 1700 assert page.margin_height() == 700 @assert_no_logs def test_block_widths(): """Test the blocks widths.""" page, = parse('''

''') html, = page.children assert html.element_tag == 'html' body, = html.children assert body.element_tag == 'body' assert body.width == 120 divs = body.children paragraphs = [] for div in divs: assert isinstance(div, boxes.BlockBox) assert div.element_tag == 'div' assert div.width == 100 for paragraph in div.children: assert isinstance(paragraph, boxes.BlockBox) assert paragraph.element_tag == 'p' assert paragraph.padding_left == 2 assert paragraph.padding_right == 2 assert paragraph.border_left_width == 1 assert paragraph.border_right_width == 1 paragraphs.append(paragraph) assert len(paragraphs) == 15 # width is 'auto' assert paragraphs[0].width == 94 assert paragraphs[0].margin_left == 0 assert paragraphs[0].margin_right == 0 # No 'auto', over-constrained equation with ltr, the initial # 'margin-right: 0' was ignored. assert paragraphs[1].width == 50 assert paragraphs[1].margin_left == 0 # No 'auto', over-constrained equation with rtl, the initial # 'margin-left: 0' was ignored. assert paragraphs[2].width == 50 assert paragraphs[2].margin_right == 0 # width is 'auto' assert paragraphs[3].width == 64 assert paragraphs[3].margin_left == 20 # margin-right is 'auto' assert paragraphs[4].width == 50 assert paragraphs[4].margin_left == 20 # margin-left is 'auto' assert paragraphs[5].width == 50 assert paragraphs[5].margin_left == 24 # Both margins are 'auto', remaining space is split in half assert paragraphs[6].width == 50 assert paragraphs[6].margin_left == 22 # width is 'auto', other 'auto' are set to 0 assert paragraphs[7].width == 74 assert paragraphs[7].margin_left == 20 # width is 'auto', other 'auto' are set to 0 assert paragraphs[8].width == 74 assert paragraphs[8].margin_left == 0 # width is 'auto', other 'auto' are set to 0 assert paragraphs[9].width == 94 assert paragraphs[9].margin_left == 0 # sum of non-auto initially is too wide, set auto values to 0 assert paragraphs[10].width == 200 assert paragraphs[10].margin_left == 0 # Constrained by min-width, same as above assert paragraphs[11].width == 200 assert paragraphs[11].margin_left == 0 # Constrained by max-width, same as paragraphs[6] assert paragraphs[12].width == 50 assert paragraphs[12].margin_left == 22 # NOT constrained by min-width assert paragraphs[13].width == 94 assert paragraphs[13].margin_left == 0 # 70% assert paragraphs[14].width == 70 assert paragraphs[14].margin_left == 0 @assert_no_logs def test_block_heights(): """Test the blocks heights.""" page, = parse('''

''') heights = [div.height for div in body_children(page)] assert heights == [90, 90 * 3, 20, 120, 20, 120, 90, 90] page, = parse('''
''') heights = [div.height for div in body_children(page)] assert heights == [40, 20, 20, 20, 20, 20] # Same but with no height on body: percentage *-height is ignored page, = parse('''
''') heights = [div.height for div in body_children(page)] assert heights == [40, 40, 20, 40, 20, 0] @assert_no_logs def test_block_percentage_heights(): """Test the blocks heights set in percents.""" page, = parse(''' ''') html, = page.children assert html.element_tag == 'html' body, = html.children assert body.element_tag == 'body' # Since html’s height depend on body’s, body’s 50% means 'auto' assert body.height == 0 page, = parse(''' ''') html, = page.children assert html.element_tag == 'html' body, = html.children assert body.element_tag == 'body' # This time the percentage makes sense assert body.height == 150 @assert_no_logs def test_inline_block_sizes(): """Test the inline-block elements sizes.""" page, = parse('''
a
Ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin nibh et turpis molestie tristique.
foo
Supercalifragilisticexpialidocious
''') html, = page.children assert html.element_tag == 'html' body, = html.children assert body.element_tag == 'body' assert body.width == 200 line_1, line_2, line_3, line_4 = body.children # First line: # White space in-between divs ends up preserved in TextBoxes div_1, _, div_2, _, div_3, _, div_4, _ = line_1.children # First div, one ignored space collapsing with next space assert div_1.element_tag == 'div' assert div_1.width == 0 # Second div, one letter assert div_2.element_tag == 'div' assert 0 < div_2.width < 20 # Third div, empty with margin assert div_3.element_tag == 'div' assert div_3.width == 0 assert div_3.margin_width() == 20 assert div_3.height == 100 # Fourth div, empty with margin and padding assert div_4.element_tag == 'div' assert div_4.width == 0 assert div_4.margin_width() == 30 # Second line: div_5, = line_2.children # Fifth div, long text, full-width div assert div_5.element_tag == 'div' assert len(div_5.children) > 1 assert div_5.width == 200 # Third line: div_6, _, div_7, _ = line_3.children # Sixth div, empty div with fixed width and height assert div_6.element_tag == 'div' assert div_6.width == 100 assert div_6.margin_width() == 120 assert div_6.height == 100 assert div_6.margin_height() == 140 # Seventh div assert div_7.element_tag == 'div' assert div_7.width == 20 child_line, = div_7.children # Spaces have font-size: 0, they get removed child_div_1, child_div_2 = child_line.children assert child_div_1.element_tag == 'div' assert child_div_1.width == 10 assert child_div_2.element_tag == 'div' assert child_div_2.width == 2 grandchild, = child_div_2.children assert grandchild.element_tag == 'div' assert grandchild.width == 10 div_8, _, div_9 = line_4.children assert div_8.width == 185 assert div_9.width == 10 # Previously, the hinting for in shrink-to-fit did not match that # of the layout, which often resulted in a line break just before # the last word. page, = parse('''

Lorem ipsum dolor sit amet …

''') html, = page.children body, = html.children outer_line, = body.children paragraph, = outer_line.children inner_lines = paragraph.children assert len(inner_lines) == 1 text_box, = inner_lines[0].children assert text_box.text == 'Lorem ipsum dolor sit amet …' @assert_no_logs def test_lists(): """Test the lists.""" page, = parse(''' ''') unordered_list, = body_children(page) list_item, = unordered_list.children line, = list_item.children marker, content = line.children assert marker.text == '◦' assert marker.margin_left == 0 assert marker.margin_right == 8 assert content.text == 'abc' page, = parse(''' ''') unordered_list, = body_children(page) list_item, = unordered_list.children marker = list_item.outside_list_marker font_size = marker.style.font_size assert marker.margin_right == 0.5 * font_size # 0.5em assert marker.position_x == ( list_item.padding_box_x() - marker.width - marker.margin_right) assert marker.position_y == list_item.position_y assert marker.text == '•' line, = list_item.children content, = line.children assert content.text == 'abc' @assert_no_logs def test_empty_linebox(): """Test lineboxes with no content other than space-like characters.""" page, = parse('

') paragraph, = body_children(page) assert len(paragraph.children) == 0 assert paragraph.height == 0 # Whitespace removed at the beginning of the line => empty line => no line page, = parse('''


''') paragraph, = body_children(page) # TODO: The second line should be removed pytest.xfail() assert len(paragraph.children) == 1 @assert_no_logs def test_breaking_linebox(): """Test lineboxes breaks with a lot of text and deep nesting.""" page, = parse('''

Lorem Ipsum is verysimply dummytext of the printing and. naaaa naaaa naaaa naaaa naaaa naaaa naaaa naaaa naaaa

''' % {'fonts': FONTS}) html, = page.children body, = html.children paragraph, = body.children assert len(list(paragraph.children)) == 3 lines = paragraph.children for line in lines: assert line.style.font_size == 13 assert line.element_tag == 'p' for child in line.children: assert child.element_tag in ('em', 'p') assert child.style.font_size == 13 if isinstance(child, boxes.ParentBox): for child_child in child.children: assert child.element_tag in ('em', 'strong', 'span') assert child.style.font_size == 13 # See http://unicode.org/reports/tr14/ page, = parse('
a\nb\rc\r\nd\u2029e
') html, = page.children body, = html.children pre, = body.children lines = pre.children texts = [] for line in lines: text_box, = line.children texts.append(text_box.text) assert texts == ['a', 'b', 'c', 'd', 'e'] @assert_no_logs def test_linebox_text(): """Test the creation of line boxes.""" page, = parse('''

Lorem Ipsumis very coool

''' % {'fonts': FONTS}) paragraph, = body_children(page) lines = list(paragraph.children) assert len(lines) == 2 text = ' '.join( (''.join(box.text for box in line.descendants() if isinstance(box, boxes.TextBox))) for line in lines) assert text == 'Lorem Ipsumis very coool' @assert_no_logs def test_linebox_positions(): """Test the position of line boxes.""" for width, expected_lines in [(165, 2), (1, 5), (0, 5)]: page = '''

this is test for Weasyprint

''' page, = parse(page % {'fonts': FONTS, 'width': width}) paragraph, = body_children(page) lines = list(paragraph.children) assert len(lines) == expected_lines ref_position_y = lines[0].position_y ref_position_x = lines[0].position_x for line in lines: assert ref_position_y == line.position_y assert ref_position_x == line.position_x for box in line.children: assert ref_position_x == box.position_x ref_position_x += box.width assert ref_position_y == box.position_y assert ref_position_x - line.position_x <= line.width ref_position_x = line.position_x ref_position_y += line.height @assert_no_logs def test_forced_line_breaks(): """Test 
 and 
."""
    # These lines should be small enough to fit on the default A4 page
    # with the default 12pt font-size.
    page, = parse('''
        
        
Lorem ipsum dolor sit amet,
            consectetur adipiscing elit.


            Sed sollicitudin nibh

            et turpis molestie tristique.

    ''')
    pre, = body_children(page)
    assert pre.element_tag == 'pre'
    lines = pre.children
    assert all(isinstance(line, boxes.LineBox) for line in lines)
    assert len(lines) == 7
    assert [line.height for line in lines] == [42] * 7

    page, = parse('''
        
        
Lorem ipsum dolor sit amet,

            consectetur adipiscing elit.



            Sed sollicitudin nibh

            


            et turpis molestie tristique.

    ''')
    pre, = body_children(page)
    assert pre.element_tag == 'p'
    lines = pre.children
    assert all(isinstance(line, boxes.LineBox) for line in lines)
    assert len(lines) == 7
    assert [line.height for line in lines] == [42] * 7


@assert_no_logs
def test_page_breaks():
    """Test the page breaks."""
    pages = parse('''
        
        
1

        
2

        
3

        
4

        
5

    ''')
    page_divs = []
    for page in pages:
        divs = body_children(page)
        assert all([div.element_tag == 'div' for div in divs])
        assert all([div.position_x == 10 for div in divs])
        page_divs.append(divs)
        del divs

    positions_y = [[div.position_y for div in divs] for divs in page_divs]
    assert positions_y == [[10, 40], [10, 40], [10]]

    # Same as above, but no content inside each 
.
    # This used to produce no page break.
    pages = parse('''
        
        

    ''')
    page_divs = []
    for page in pages:
        divs = body_children(page)
        assert all([div.element_tag == 'div' for div in divs])
        assert all([div.position_x == 10 for div in divs])
        page_divs.append(divs)
        del divs

    positions_y = [[div.position_y for div in divs] for divs in page_divs]
    assert positions_y == [[10, 40], [10, 40], [10]]

    pages = parse('''
        
        
            
            
            
            
            
    ''')
    page_images = []
    for page in pages:
        images = body_children(page)
        assert all([img.element_tag == 'img' for img in images])
        assert all([img.position_x == 10 for img in images])
        page_images.append(images)
        del images
    positions_y = [[img.position_y for img in images]
                   for images in page_images]
    assert positions_y == [[10, 40], [10, 40], [10]]

    page_1, page_2, page_3, page_4 = parse('''
        
        
1

        
2

        
3

        

            

                
  • 4

            

        

    ''')

    # The first page is a right page on rtl, but not here because of
    # page-break-before on the root element.
    assert page_1.margin_left == 50  # left page
    assert page_1.margin_right == 10
    html, = page_1.children
    body, = html.children
    div, = body.children
    line, = div.children
    text, = line.children
    assert div.element_tag == 'div'
    assert text.text == '1'

    html, = page_2.children
    assert page_2.margin_left == 10
    assert page_2.margin_right == 50  # right page
    assert not html.children  # empty page to get to a left page

    assert page_3.margin_left == 50  # left page
    assert page_3.margin_right == 10
    html, = page_3.children
    body, = html.children
    p_1, p_2 = body.children
    assert p_1.element_tag == 'p'
    assert p_2.element_tag == 'p'

    assert page_4.margin_left == 10
    assert page_4.margin_right == 50  # right page
    html, = page_4.children
    body, = html.children
    article, = body.children
    section, = article.children
    ulist, = section.children
    assert ulist.element_tag == 'ul'

    # Reference for the following test:
    # Without any 'avoid', this breaks after the 

    page_1, page_2 = parse('''
        
        
            
            

                


                


            

            
    ''')
    html, = page_1.children
    body, = html.children
    img_1, div = body.children
    assert img_1.position_y == 0
    assert img_1.height == 25
    assert div.position_y == 25
    assert div.height == 100

    html, = page_2.children
    body, = html.children
    img_2, = body.children
    assert img_2.position_y == 0
    assert img_2.height == 25

    # Adding a few page-break-*: avoid, the only legal break is
    # before the 

    page_1, page_2 = parse('''
        
        
            
            

                

                    >

                


            

            
    ''')
    html, = page_1.children
    body, = html.children
    img_1, = body.children
    assert img_1.position_y == 0
    assert img_1.height == 25

    html, = page_2.children
    body, = html.children
    div, img_2 = body.children
    assert div.position_y == 0
    assert div.height == 100
    assert img_2.position_y == 100
    assert img_2.height == 25

    page_1, page_2 = parse('''
        
        
            
            

                

                    

                        >

                    


                

                
            

    ''')
    html, = page_1.children
    body, = html.children
    img_1, = body.children
    assert img_1.position_y == 0
    assert img_1.height == 25

    html, = page_2.children
    body, = html.children
    outer_div, = body.children
    inner_div, img_2 = outer_div.children
    assert inner_div.position_y == 0
    assert inner_div.height == 100
    assert img_2.position_y == 100
    assert img_2.height == 25

    # Reference for the next test
    page_1, page_2, page_3 = parse('''
        
        
            

                
                

                    
                    
                

            

            
            
    ''')
    html, = page_1.children
    body, = html.children
    div, = body.children
    assert div.height == 30
    html, = page_2.children
    body, = html.children
    div, img_4 = body.children
    assert div.height == 60
    assert img_4.height == 30
    html, = page_3.children
    body, = html.children
    img_5, = body.children
    assert img_5.height == 30

    page_1, page_2, page_3 = parse('''
        
        
            

                
                

                    
                    
                

            

            
            
    ''')
    html, = page_1.children
    body, = html.children
    div, = body.children
    assert div.height == 30
    html, = page_2.children
    body, = html.children
    div, = body.children
    section, = div.children
    img_2, = section.children
    assert img_2.height == 30
    # TODO: currently this is 60: we do not decrease the used height of
    # blocks with 'height: auto' when we remove children from them for
    # some page-break-*: avoid.
    # assert div.height == 30
    html, = page_3.children
    body, = html.children
    div, img_4, img_5, = body.children
    assert div.height == 30
    assert img_4.height == 30
    assert img_5.height == 30

    page_1, page_2, page_3 = parse('''
        
        
foo

        
bar

    ''')
    assert len(page_1.children) == 2  # content and @bottom-center
    assert len(page_2.children) == 1  # content only
    assert len(page_3.children) == 2  # content and @bottom-center

    page_1, page_2 = parse('''
        
        
          

          

            

            

              

              

            

          

          

    ''')
    html, = page_1.children
    body, _div = html.children
    div_1, section = body.children
    div_2, = section.children
    assert div_1.position_y == 0
    assert div_2.position_y == 20
    assert div_1.height == 20
    assert div_2.height == 20
    html, = page_2.children
    body, = html.children
    section, div_4 = body.children
    div_3, = section.children
    absolute, fixed = div_3.children
    assert div_3.position_y == 0
    assert div_4.position_y == 20
    assert div_3.height == 20
    assert div_4.height == 20


@assert_no_logs
def test_orphans_widows_avoid():
    """Test orphans and widows control."""
    def line_distribution(css):
        pages = parse('''
            
            
Tasty test

            
            

                one
                two
                three
                four
                five
                six
                seven
            

        ''' % css)
        line_counts = []
        for i, page in enumerate(pages):
            html, = page.children
            body, = html.children
            if i == 0:
                body_children = body.children[1:]  # skip h1
            else:
                body_children = body.children
            if body_children:
                paragraph, = body_children
                line_counts.append(len(paragraph.children))
            else:
                line_counts.append(0)
        return line_counts

    assert line_distribution('orphans: 2; widows: 2') == [4, 3]
    assert line_distribution('orphans: 5; widows: 2') == [0, 7]
    assert line_distribution('orphans: 2; widows: 4') == [3, 4]
    assert line_distribution('orphans: 4; widows: 4') == [0, 7]

    assert line_distribution(
        'orphans: 2; widows: 2; page-break-inside: avoid') == [0, 7]


@assert_no_logs
def test_inlinebox_spliting():
    """Test the inline boxes spliting."""
    for width in [10000, 100, 10, 0]:
        page, = parse('''
            
            
WeasyPrint is a free software visual rendering engine
                       for HTML and CSS.

        ''' % {'fonts': FONTS, 'width': width})
        html, = page.children
        body, = html.children
        paragraph, = body.children
        lines = paragraph.children
        if width == 10000:
            assert len(lines) == 1
        else:
            assert len(lines) > 1
        text_parts = []
        for line in lines:
            strong, = line.children
            text, = strong.children
            text_parts.append(text.text)
        assert ' '.join(text_parts) == ('WeasyPrint is a free software visual '
                                        'rendering engine for HTML and CSS.')


@assert_no_logs
def test_page_and_linebox_breaking():
    """Test the linebox text after spliting linebox and page."""
    # The empty  tests a corner case
    # in skip_first_whitespace()
    pages = parse('''
        
        
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15

    ''' % {'fonts': FONTS})

    texts = []
    for page in pages:
        html, = page.children
        body, = html.children
        div, = body.children
        lines = div.children
        for line in lines:
            line_texts = []
            for child in line.descendants():
                if isinstance(child, boxes.TextBox):
                    line_texts.append(child.text)
            texts.append(''.join(line_texts))

    assert len(pages) == 2
    assert ' '.join(texts) == \
        '1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15'


@assert_no_logs
def test_whitespace_processing():
    """Test various spaces and tabulations processing."""
    for source in ['a', '  a  ', ' \n  \ta', ' a\t ']:
        page, = parse('
%s
' % source)
        html, = page.children
        body, = html.children
        p, = body.children
        line, = p.children
        em, = line.children
        text, = em.children
        assert text.text == 'a', 'source was %r' % (source,)

        page, = parse('
\n\n%s
' % source.replace('\n', ' ')) html, = page.children body, = html.children p, = body.children _line1, _line2, line3 = p.children em, = line3.children text, = em.children assert text.text == 'a', 'source was %r' % (source,) @assert_no_logs def test_images(): """Test that width, height and ratio of images are respected.""" def get_img(html): page, = parse(html) html, = page.children body, = html.children line, = body.children img, = line.children return body, img # Try a few image formats for html in [ '' % url for url in [ 'pattern.png', 'pattern.gif', 'blue.jpg', 'pattern.svg', "data:image/svg+xml,", "DatA:image/svg+xml,", ] ] + [ '', '', '', '', '', '', '', '', ]: body, img = get_img(html) assert img.width == 4 assert img.height == 4 # With physical units url = "data:image/svg+xml," body, img = get_img('' % url) assert img.width == 96 assert img.height == 48 # Invalid images for url in [ 'nonexistent.png', 'unknownprotocol://weasyprint.org/foo.png', 'data:image/unknowntype,Not an image', # Invalid protocol 'datå:image/svg+xml,', # zero-byte images 'data:image/png,', 'data:image/jpeg,', 'data:image/svg+xml,', # Incorrect format 'data:image/png,Not a PNG', 'data:image/jpeg,Not a JPEG', 'data:image/svg+xml,invalid xml', # Explicit SVG, no sniffing 'data:image/svg+xml;base64,' 'R0lGODlhAQABAIABAP///wAAACwAAAAAAQABAAACAkQBADs=', 'really-a-png.svg', ]: with capture_logs() as logs: body, img = get_img("invalid image" % url) assert len(logs) == 1 assert 'WARNING: Failed to load image' in logs[0] assert isinstance(img, boxes.InlineBox) # not a replaced box text, = img.children assert text.text == 'invalid image', url # Format sniffing for url in [ # GIF with JPEG mimetype 'data:image/jpeg;base64,' 'R0lGODlhAQABAIABAP///wAAACwAAAAAAQABAAACAkQBADs=', # GIF with PNG mimetype 'data:image/png;base64,' 'R0lGODlhAQABAIABAP///wAAACwAAAAAAQABAAACAkQBADs=', # PNG with JPEG mimetype 'data:image/jpeg;base64,' 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC' '0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=' # SVG with PNG mimetype 'data:image/png;', 'really-a-svg.png', ]: with capture_logs() as logs: body, img = get_img("" % url) assert len(logs) == 0 with capture_logs() as logs: parse('') # Failures are cached too: only one warning assert len(logs) == 1 assert 'WARNING: Failed to load image' in logs[0] # Layout rules try to preserve the ratio, so the height should be 40px too: body, img = get_img(''' ''') assert body.height == 40 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 body, img = get_img(''' ''') assert body.height == 40 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 # Same with percentages body, img = get_img('''

''') assert body.height == 40 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 body, img = get_img(''' ''') assert body.height == 40 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 body, img = get_img('') assert img.width == 2 assert img.height == 2 # display: table-cell is ignored. XXX Should it? page, = parse(''' ''') html, = page.children body, = html.children line, = body.children img_1, img_2 = line.children assert body.height == 60 assert img_1.width == 40 assert img_1.height == 40 assert img_2.width == 60 assert img_2.height == 60 assert img_1.position_y == 20 assert img_2.position_y == 0 # Block-level image: page, = parse(''' ''') html, = page.children body, = html.children img, = body.children assert img.element_tag == 'img' assert img.position_x == 0 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 assert img.content_box_x() == 30 # (100 - 40) / 2 == 30px for margin-left assert img.content_box_y() == 10 page, = parse(''' ''') html, = page.children body, = html.children img, = body.children assert img.element_tag == 'img' assert img.position_x == 0 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 assert img.content_box_x() == 30 # (100 - 40) / 2 == 30px for margin-left assert img.content_box_y() == 10 page, = parse(''' ''') html, = page.children body, = html.children img, = body.children assert img.element_tag == 'img' assert img.position_x == 0 assert img.position_y == 0 assert img.width == 40 assert img.height == 40 assert img.content_box_x() == 30 # (100 - 40) / 2 == 30px for margin-left assert img.content_box_y() == 10 page, = parse(''' ''') html, = page.children body, = html.children img, = body.children assert img.element_tag == 'img' assert img.position_x == 0 assert img.position_y == 0 assert img.width == 2 assert img.height == 30 assert img.content_box_x() == 49 # (100 - 2) / 2 == 49px for margin-left assert img.content_box_y() == 10 page, = parse(''' ''') html, = page.children body, = html.children img, = body.children assert body.width == 320 assert body.height == 220 assert img.element_tag == 'img' assert img.width == 300 assert img.height == 200 @assert_no_logs def test_vertical_align(): """Test various values of vertical-align.""" """ +-------+ <- position_y = 0 +-----+ | 40px | | | 60px | | | +-----+-------+ <- baseline """ page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.height == 40 assert img_2.height == 60 assert img_1.position_y == 20 assert img_2.position_y == 0 # 60px + the descent of the font below the baseline assert 60 < line.height < 70 assert body.height == line.height """ +-------+ <- position_y = 0 35px | | +-----+ | 60px 40px | | | | +-------+ <- baseline +-----+ 15px """ page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.height == 40 assert img_2.height == 60 assert img_1.position_y == 35 assert img_2.position_y == 0 assert line.height == 75 assert body.height == line.height # Same as previously, but with percentages page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.height == 40 assert img_2.height == 60 assert img_1.position_y == 35 assert img_2.position_y == 0 assert line.height == 75 assert body.height == line.height # Same again, but have the vertical-align on an inline box. page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span_1, = line.children span_2, _whitespace, img_1 = span_1.children img_1, = span_2.children assert img_1.height == 40 assert img_2.height == 60 assert img_1.position_y == 35 assert img_2.position_y == 0 assert line.height == 75 assert body.height == line.height # Same as previously, but with percentages page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.height == 40 assert img_2.height == 60 # middle of the image (position_y + 20) is at half the ex-height above # the baseline of the parent. The ex-height of Ahem is something like 0.8em assert img_1.position_y == 35.2 # 60 - 0.5 * 0.8 * font-size - 40/2 assert img_2.position_y == 0 assert line.height == 75.2 assert body.height == line.height # sup and sub currently mean +/- 0.5 em # With the initial 16px font-size, that’s 8px. page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2, img_3 = span.children assert img_1.height == 60 assert img_2.height == 40 assert img_3.height == 40 assert img_1.position_y == 0 assert img_2.position_y == 12 # 20 - 16 * 0.5 assert img_3.position_y == 28 # 20 + 16 * 0.5 assert line.height == 68 assert body.height == line.height page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.height == 4 assert img_2.height == 4 assert img_1.position_y == 0 assert img_2.position_y == 12 # 16 - 4 assert line.height == 16 assert body.height == line.height # This case used to cause an exception: # The second span has no children but should count for line heights # since it has padding. page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span_1, = line.children span_2, = span_1.children assert span_1.height == 16 assert span_2.height == 16 # The line’s strut does not has 'line-height: normal' but the result should # be smaller than 1.5. assert span_1.margin_height() == 24 assert span_2.margin_height() == 24 assert line.height == 24 page, = parse('''

foo
''') html, = page.children body, = html.children line, = body.children span, div_1 = line.children assert line.height == 178 assert body.height == line.height # Same as earlier img_1, img_2 = span.children assert img_1.height == 40 assert img_2.height == 60 assert img_1.position_y == 138 assert img_2.position_y == 103 div_2, = div_1.children div_3, div_4 = div_2.children div_line, = div_4.children div_img_1, div_img_2 = div_line.children assert div_1.position_y == 0 assert div_1.height == 175 assert div_3.height == 100 assert div_line.height == 75 assert div_img_1.height == 40 assert div_img_2.height == 60 assert div_img_1.position_y == 135 assert div_img_2.position_y == 100 # The first two images bring the top of the line box 30px above # the baseline and 10px below. # Each of the inner span page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span_1, = line.children img_1, img_2, span_2, span_4 = span_1.children img_3, span_3 = span_2.children img_4, = span_3.children img_5, = span_4.children assert body.height == line.height assert line.height == 40 assert img_1.position_y == 0 assert img_2.position_y == 36 assert img_3.position_y == 6 assert img_4.position_y == 36 assert img_5.position_y == 30 page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, img_2 = span.children assert img_1.position_y == 96 assert img_2.position_y == 0 # Reference for the next test page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span, = line.children img_1, = span.children assert img_1.position_y == 0 # Should be the same as above page, = parse(''' ''') html, = page.children body, = html.children line_1, = body.children span, = line_1.children line_2, = span.children img_1, = line_2.children assert img_1.element_tag == 'img' assert img_1.position_y == 0 @assert_no_logs def test_inline_replaced_auto_margins(): """Test that auto margins are ignored for inline replaced boxes.""" page, = parse(''' ''') html, = page.children body, = html.children line, = body.children img, = line.children assert img.margin_top == 0 assert img.margin_right == 0 assert img.margin_bottom == 0 assert img.margin_left == 0 @assert_no_logs def test_empty_inline_auto_margins(): """Test that horizontal auto margins are ignored for empty inline boxes.""" page, = parse(''' ''') html, = page.children body, = html.children block, = body.children span, = block.children assert span.margin_top != 0 assert span.margin_right == 0 assert span.margin_bottom != 0 assert span.margin_left == 0 @assert_no_logs def test_box_sizing(): """Test the box-sizing property. http://www.w3.org/TR/css3-ui/#box-sizing """ page, = parse('''
''') html, = page.children body, = html.children div_1, div_2, div_3, div_4 = body.children for div in div_1, div_2: assert div.style.box_sizing == 'content-box' assert div.width == 1000 assert div.height == 1000 assert div.padding_width() == 1020 assert div.padding_height() == 1020 assert div.border_width() == 1022 assert div.border_height() == 1022 assert div.margin_height() == 1222 # margin_width() is the width of the containing block # padding-box assert div_3.style.box_sizing == 'padding-box' assert div_3.width == 980 # 1000 - 20 assert div_3.height == 980 assert div_3.padding_width() == 1000 assert div_3.padding_height() == 1000 assert div_3.border_width() == 1002 assert div_3.border_height() == 1002 assert div_3.margin_height() == 1202 # border-box assert div_4.style.box_sizing == 'border-box' assert div_4.width == 978 # 1000 - 20 - 2 assert div_4.height == 978 assert div_4.padding_width() == 998 assert div_4.padding_height() == 998 assert div_4.border_width() == 1000 assert div_4.border_height() == 1000 assert div_4.margin_height() == 1200 @assert_no_logs def test_margin_boxes_fixed_dimension(): # Corner boxes page, = parse(''' ''') html, top_left, top_right, bottom_left, bottom_right = page.children for margin_box, text in zip( [top_left, top_right, bottom_left, bottom_right], ['top_left', 'top_right', 'bottom_left', 'bottom_right']): line, = margin_box.children text, = line.children assert text == text # Check positioning and Rule 1 for fixed dimensions assert top_left.position_x == 0 assert top_left.position_y == 0 assert top_left.margin_width() == 200 # margin-left assert top_left.margin_height() == 100 # margin-top assert top_right.position_x == 700 # size-x - margin-right assert top_right.position_y == 0 assert top_right.margin_width() == 300 # margin-right assert top_right.margin_height() == 100 # margin-top assert bottom_left.position_x == 0 assert bottom_left.position_y == 600 # size-y - margin-bottom assert bottom_left.margin_width() == 200 # margin-left assert bottom_left.margin_height() == 400 # margin-bottom assert bottom_right.position_x == 700 # size-x - margin-right assert bottom_right.position_y == 600 # size-y - margin-bottom assert bottom_right.margin_width() == 300 # margin-right assert bottom_right.margin_height() == 400 # margin-bottom # Test rules 2 and 3 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_width() == 200 assert margin_box.margin_left == 60 assert margin_box.margin_right == 60 assert margin_box.width == 80 # 200 - 60 - 60 assert margin_box.margin_height() == 100 # total was too big, the outside margin was ignored: assert margin_box.margin_top == 60 assert margin_box.margin_bottom == 40 # Not 60 assert margin_box.height == 0 # But not negative # Test rule 3 with a non-auto inner dimension page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_width() == 100 assert margin_box.margin_left == -40 # Not 10px assert margin_box.margin_right == 10 assert margin_box.width == 130 # As specified # Test rule 4 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_width() == 100 assert margin_box.margin_left == 10 # 10px this time, no over-constrain assert margin_box.margin_right == 20 assert margin_box.width == 70 # As specified # Test rules 2, 3 and 4 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_width() == 100 assert margin_box.margin_left == 0 # rule 2 assert margin_box.margin_right == -30 # rule 3, after rule 2 assert margin_box.width == 130 # As specified # Test rule 5 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_height() == 100 assert margin_box.margin_top == 10 assert margin_box.margin_bottom == 0 assert margin_box.height == 90 # Test rule 5 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_height() == 100 assert margin_box.margin_top == 0 assert margin_box.margin_bottom == 0 assert margin_box.height == 100 # Test rule 6 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_height() == 100 assert margin_box.margin_top == 15 assert margin_box.margin_bottom == 15 assert margin_box.height == 70 # Rule 2 inhibits rule 6 page, = parse(''' ''') html, margin_box = page.children assert margin_box.margin_height() == 100 assert margin_box.margin_top == 0 assert margin_box.margin_bottom == -50 # outside assert margin_box.height == 150 @assert_no_logs def test_preferred_widths(): """Unit tests for preferred widths.""" def get_float_width(body_width): page, = parse('''

Lorem ipsum dolor sit amet, consectetur elit

''' % body_width) html, = page.children body, = html.children paragraph, = body.children return paragraph.width # Preferred minimum width: assert get_float_width(10) == len('consectetur elit') * 16 # Preferred width: assert get_float_width(1000000) == len('Lorem ipsum dolor sit amet,') * 16 # Non-regression test: # Incorrect whitespace handling in preferred width used to cause # unnecessary line break. page, = parse('''

Lorem ipsum dolor.

''') html, = page.children body, = html.children paragraph, = body.children assert len(paragraph.children) == 1 assert isinstance(paragraph.children[0], boxes.LineBox) page, = parse('''


''') html, = page.children body, = html.children paragraph, = body.children assert paragraph.width == 40 page, = parse('''

XX
XX
X

''') html, = page.children body, = html.children paragraph, = body.children assert paragraph.width == 40 # The space is the start of the line is collapsed. page, = parse('''

XX
XX
X

''') html, = page.children body, = html.children paragraph, = body.children assert paragraph.width == 40 @assert_no_logs def test_margin_boxes_variable_dimension(): def get_widths(css): """Take some CSS to have inside @page Return margin-widths of the sub-sequence of the three margin boxes that are generated. The containing block’s width is 600px. It starts at x = 100 and ends at x = 700. """ expected_at_keywords = [ at_keyword for at_keyword in [ '@top-left', '@top-center', '@top-right'] if at_keyword + ' { content: ' in css] page, = parse(''' ''' % css) assert page.children[0].element_tag == 'html' margin_boxes = page.children[1:] assert [box.at_keyword for box in margin_boxes] == expected_at_keywords offsets = {'@top-left': 0, '@top-center': 0.5, '@top-right': 1} for box in margin_boxes: assert box.position_x == 100 + offsets[box.at_keyword] * ( 600 - box.margin_width()) return [box.margin_width() for box in margin_boxes] def images(*widths): return ' '.join( 'url(\'data:image/svg+xml,\')' % width for width in widths) # Use preferred widths if they fit css = ''' @top-left { content: %s } @top-center { content: %s } @top-right { content: %s } ''' % (images(50, 50), images(50, 50), images(50, 50)) assert get_widths(css) == [100, 100, 100] # 'auto' margins are set to 0 css = ''' @top-left { content: %s; margin: auto } @top-center { content: %s } @top-right { content: %s } ''' % (images(50, 50), images(50, 50), images(50, 50)) assert get_widths(css) == [100, 100, 100] # Use at least minimum widths, even if boxes overlap css = ''' @top-left { content: %s } @top-center { content: %s } @top-right { content: 'foo'; width: 200px } ''' % (images(100, 50), images(300, 150)) # @top-center is 300px wide and centered: this leaves 150 on either side # There is 50px of overlap with @top-right assert get_widths(css) == [150, 300, 200] # In the intermediate case, distribute the remaining space proportionally css = ''' @top-left { content: %s } @top-center { content: %s } @top-right { content: %s } ''' % (images(150, 150), images(150, 150), images(150, 150)) assert get_widths(css) == [200, 200, 200] css = ''' @top-left { content: %s } @top-center { content: %s } @top-right { content: %s } ''' % (images(100, 100, 100), images(100, 100), images(10)) assert get_widths(css) == [220, 160, 10] css = ''' @top-left { content: %s; width: 205px } @top-center { content: %s } @top-right { content: %s } ''' % (images(100, 100, 100), images(100, 100), images(10)) assert get_widths(css) == [205, 190, 10] # 'width' and other properties have no effect without 'content' css = ''' @top-left { width: 1000px; margin: 1000px; padding: 1000px; border: 1000px solid } @top-center { content: %s } @top-right { content: %s } ''' % (images(100, 100), images(10)) assert get_widths(css) == [200, 10] # This leaves 150px for @top-right’s shrink-to-fit css = ''' @top-left { content: ''; width: 200px } @top-center { content: ''; width: 300px } @top-right { content: %s } ''' % images(50, 50) assert get_widths(css) == [200, 300, 100] css = ''' @top-left { content: ''; width: 200px } @top-center { content: ''; width: 300px } @top-right { content: %s } ''' % images(100, 100, 100) assert get_widths(css) == [200, 300, 150] css = ''' @top-left { content: ''; width: 200px } @top-center { content: ''; width: 300px } @top-right { content: %s } ''' % images(170, 175) assert get_widths(css) == [200, 300, 175] css = ''' @top-left { content: ''; width: 200px } @top-center { content: ''; width: 300px } @top-right { content: %s } ''' % images(170, 175) assert get_widths(css) == [200, 300, 175] # Without @top-center css = ''' @top-left { content: ''; width: 200px } @top-right { content: ''; width: 500px } ''' assert get_widths(css) == [200, 500] css = ''' @top-left { content: ''; width: 200px } @top-right { content: %s } ''' % images(150, 50, 150) assert get_widths(css) == [200, 350] css = ''' @top-left { content: ''; width: 200px } @top-right { content: %s } ''' % images(150, 50, 150, 200) assert get_widths(css) == [200, 400] css = ''' @top-left { content: %s } @top-right { content: ''; width: 200px } ''' % images(150, 50, 450) assert get_widths(css) == [450, 200] css = ''' @top-left { content: %s } @top-right { content: %s } ''' % (images(150, 100), images(10, 120)) assert get_widths(css) == [250, 130] css = ''' @top-left { content: %s } @top-right { content: %s } ''' % (images(550, 100), images(10, 120)) assert get_widths(css) == [550, 120] css = ''' @top-left { content: %s } @top-right { content: %s } ''' % (images(250, 60), images(250, 180)) # 250 + (100 * 1 / 4), 250 + (100 * 3 / 4) assert get_widths(css) == [275, 325] @assert_no_logs def test_margin_boxes_vertical_align(): """ 3 px -> +-----+ | 1 | +-----+ 43 px -> +-----+ 53 px -> | 2 | +-----+ 83 px -> +-----+ | 3 | 103px -> +-----+ """ page, = parse(''' ''') html, top_left, top_center, top_right = page.children line_1, = top_left.children line_2, = top_center.children line_3, = top_right.children assert line_1.position_y == 3 assert line_2.position_y == 43 assert line_3.position_y == 83 @assert_no_logs def test_margin_collapsing(): """ The vertical space between to sibling blocks is the max of their margins, not the sum. But that’s only the simplest case... """ def assert_collapsing(vertical_space): assert vertical_space('10px', '15px') == 15 # not 25 # "The maximum of the absolute values of the negative adjoining margins # is deducted from the maximum of the positive adjoining margins" assert vertical_space('-10px', '15px') == 5 assert vertical_space('10px', '-15px') == -5 assert vertical_space('-10px', '-15px') == -15 assert vertical_space('10px', 'auto') == 10 # 'auto' is 0 return vertical_space def assert_NOT_collapsing(vertical_space): assert vertical_space('10px', '15px') == 25 assert vertical_space('-10px', '15px') == 5 assert vertical_space('10px', '-15px') == -5 assert vertical_space('-10px', '-15px') == -25 assert vertical_space('10px', 'auto') == 10 # 'auto' is 0 return vertical_space # Siblings @assert_collapsing def vertical_space_1(p1_margin_bottom, p2_margin_top): page, = parse('''

Lorem ipsum

dolor sit amet ''' % (p1_margin_bottom, p2_margin_top)) html, = page.children body, = html.children p1, p2 = body.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # Not siblings, first is nested @assert_collapsing def vertical_space_2(p1_margin_bottom, p2_margin_top): page, = parse('''

Lorem ipsum

dolor sit amet ''' % (p1_margin_bottom, p2_margin_top)) html, = page.children body, = html.children div, p2 = body.children p1, = div.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # Not siblings, second is nested @assert_collapsing def vertical_space_3(p1_margin_bottom, p2_margin_top): page, = parse('''

Lorem ipsum

dolor sit amet

''' % (p1_margin_bottom, p2_margin_top)) html, = page.children body, = html.children p1, div = body.children p2, = div.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # Not siblings, second is doubly nested @assert_collapsing def vertical_space_4(p1_margin_bottom, p2_margin_top): page, = parse('''

Lorem ipsum

dolor sit amet

''' % (p1_margin_bottom, p2_margin_top)) html, = page.children body, = html.children p1, div1 = body.children div2, = div1.children p2, = div2.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # Collapsing with children @assert_collapsing def vertical_space_5(margin_1, margin_2): page, = parse('''

Lorem ipsum

dolor sit amet

''' % (margin_1, margin_2)) html, = page.children body, = html.children p1, div1 = body.children div2, = div1.children p2, = div2.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() # Parent and element edge are the same: assert div1.border_box_y() == p2.border_box_y() assert div2.border_box_y() == p2.border_box_y() return p2_top - p1_bottom # Block formatting context: Not collapsing with children @assert_NOT_collapsing def vertical_space_6(margin_1, margin_2): page, = parse('''

Lorem ipsum

dolor sit amet

''' % (margin_1, margin_2)) html, = page.children body, = html.children p1, div1 = body.children div2, = div1.children p2, = div2.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # Collapsing through an empty div @assert_collapsing def vertical_space_7(p1_margin_bottom, p2_margin_top): page, = parse('''

Lorem ipsum

dolor sit amet ''' % (2 * (p1_margin_bottom, p2_margin_top))) html, = page.children body, = html.children p1, div, p2 = body.children p1_bottom = p1.content_box_y() + p1.height p2_top = p2.content_box_y() return p2_top - p1_bottom # The root element does not collapse @assert_NOT_collapsing def vertical_space_8(margin_1, margin_2): page, = parse('''

Lorem ipsum ''' % (margin_1, margin_2)) html, = page.children body, = html.children p1, = body.children p1_top = p1.content_box_y() # Vertical space from y=0 return p1_top # DOES collapse @assert_collapsing def vertical_space_9(margin_1, margin_2): page, = parse('''

Lorem ipsum ''' % (margin_1, margin_2)) html, = page.children body, = html.children div, = body.children p1, = div.children p1_top = p1.content_box_y() # Vertical space from y=0 return p1_top @assert_no_logs def test_relative_positioning(): page, = parse('''

1

2

3

4

5

6

7

8

''') html, = page.children body, = html.children p1, div, p8 = body.children p2, p3, p4, p5, p6, p7 = div.children assert (p1.position_x, p1.position_y) == (0, 0) assert (div.position_x, div.position_y) == (0, 30) assert (p2.position_x, p2.position_y) == (0, 30) assert (p3.position_x, p3.position_y) == (5, 45) # (0 + 5, 50 - 5) assert (p4.position_x, p4.position_y) == (0, 70) assert (p5.position_x, p5.position_y) == (-5, 85) # (0 - 5, 90 - 5) assert (p6.position_x, p6.position_y) == (0, 110) assert (p7.position_x, p7.position_y) == (0, 130) assert (p8.position_x, p8.position_y) == (0, 140) assert div.height == 120 page, = parse(''' ''') html, = page.children body, = html.children line, = body.children span1, span2, span3 = line.children img1, = span1.children img2, img3, img4, img5, img6, img7 = span2.children img8, = span3.children assert (img1.position_x, img1.position_y) == (0, 0) # Don't test the span2.position_y because it depends on fonts assert span2.position_x == 30 assert (img2.position_x, img2.position_y) == (30, 0) assert (img3.position_x, img3.position_y) == (45, 5) # (50 - 5, y + 5) assert (img4.position_x, img4.position_y) == (70, 0) assert (img5.position_x, img5.position_y) == (85, -5) # (90 - 5, y - 5) assert (img6.position_x, img6.position_y) == (110, 0) assert (img7.position_x, img7.position_y) == (130, 0) assert (img8.position_x, img8.position_y) == (140, 0) assert span2.width == 120 @assert_no_logs def test_absolute_positioning(): page, = parse('''
''') html, = page.children body, = html.children div1, = body.children div2, div3, div4 = div1.children assert div1.height == 0 assert (div1.position_x, div1.position_y) == (0, 0) assert (div2.width, div2.height) == (20, 20) assert (div2.position_x, div2.position_y) == (3, 3) assert (div3.width, div3.height) == (20, 20) assert (div3.position_x, div3.position_y) == (0, 3) assert (div4.width, div4.height) == (20, 20) assert (div4.position_x, div4.position_y) == (3, 0) page, = parse('''
''') html, = page.children body, = html.children div1, = body.children div2, div3 = div1.children for div in (div1, div2, div3): assert (div.position_x, div.position_y) == (0, 0) assert (div.width, div.height) == (20, 20) page, = parse(''' 2 3 4 ''') html, = page.children body, = html.children line, = body.children img, span1 = line.children span2, span3, span4 = span1.children assert span1.position_x == 4 assert (span2.position_x, span2.position_y) == (4, 0) assert (span3.position_x, span3.position_y) == (4, 0) assert span4.position_x == 4 page, = parse(''' 2 ''') html, = page.children body, = html.children line, = body.children img1, span, img2 = line.children assert (img1.position_x, img1.position_y) == (0, 0) assert (span.position_x, span.position_y) == (5, 0) assert (img2.position_x, img2.position_y) == (5, 0) page, = parse(''' 2 ''') html, = page.children body, = html.children line, = body.children img1, span, img2 = line.children assert (img1.position_x, img1.position_y) == (0, 0) assert (span.position_x, span.position_y) == (0, 20) assert (img2.position_x, img2.position_y) == (5, 0) page, = parse('''
''') html, = page.children body, = html.children div1, = body.children div2, div3 = div1.children assert (div1.position_x, div1.position_y) == (1, 5) assert (div1.width, div1.height) == (20, 60) assert (div1.border_width(), div1.border_height()) == (40, 86) assert (div2.position_x, div2.position_y) == (11, 28) assert (div2.width, div2.height) == (20, 20) assert (div3.position_x, div3.position_y) == (11, 28) assert (div3.width, div3.height) == (20, 20) page, = parse('''

1

2

3

4

5

6

7

''') html, = page.children body, = html.children p1, div, p7 = body.children p2, p3, p4, p5, p6 = div.children line, = p5.children span1, = line.children img, span2, span3 = span1.children assert (p1.position_x, p1.position_y) == (0, 0) assert (div.position_x, div.position_y) == (0, 20) assert (p2.position_x, p2.position_y) == (0, 20) assert (p3.position_x, p3.position_y) == (5, -5) assert (p4.position_x, p4.position_y) == (0, 40) # p5 x = page width - right - margin/padding/border - width # = 1000 - 15 - 2 * 10 - 50 # = 915 # p5 y = page height - bottom - margin/padding/border - height # = 2000 - 5 - 2 * 10 - 200 # = 1775 assert (p5.position_x, p5.position_y) == (915, 1775) assert (img.position_x, img.position_y) == (925, 1785) assert (span2.position_x, span2.position_y) == (929, 1785) # span3 x = p5 right - p5 margin - span width - span right # = 985 - 7 - 20 - 5 # = 953 # span3 y = p5 y + p5 margin top + span top # = 1775 + 7 + -10 # = 1772 assert (span3.position_x, span3.position_y) == (953, 1772) # p6 y = p4 y + p4 margin height - margin collapsing # = 40 + 26 - 3 # = 63 assert (p6.position_x, p6.position_y) == (0, 63) assert div.height == 71 # 20*3 + 2*3 + 8 - 3 assert (p7.position_x, p7.position_y) == (0, 91) @assert_no_logs def test_absolute_images(): page, = parse('''
''') html, = page.children body, = html.children div, = body.children img1, img2 = div.children assert div.height == 0 assert (div.position_x, div.position_y) == (0, 0) assert (img1.position_x, img1.position_y) == (10, 10) assert (img1.width, img1.height) == (4, 4) assert (img2.position_x, img2.position_y) == (15, 10) assert (img2.width, img2.height) == (4, 4) # TODO: test the various cases in absolute_replaced() @assert_no_logs def test_fixed_positioning(): # TODO:test page-break-before: left/right page_1, page_2, page_3 = parse(''' a

b

c ''') html, = page_1.children assert [c.element_tag for c in html.children] == ['body', 'p'] html, = page_2.children body, = html.children div, = body.children assert [c.element_tag for c in div.children] == ['p'] html, = page_3.children assert [c.element_tag for c in html.children] == ['p', 'body'] @assert_no_logs def test_floats(): # adjacent-floats-001 page, = parse('''
''') html, = page.children body, = html.children div_1, div_2 = body.children assert outer_area(div_1) == (0, 0, 100, 100) assert outer_area(div_2) == (100, 0, 100, 100) # c414-flt-fit-000 page, = parse('''
''') html, = page.children body, = html.children div_1, div_2, div_4, anon_block = body.children line_3, line_5 = anon_block.children img_3, = line_3.children img_5, = line_5.children assert outer_area(div_1) == (0, 0, 100, 60) assert outer_area(div_2) == (100, 0, 100, 60) assert outer_area(img_3) == (200, 0, 60, 60) assert outer_area(div_4) == (0, 60, 100, 60) assert outer_area(img_5) == (100, 60, 60, 60) # c414-flt-fit-002 page, = parse('''

⇦ A 1

⇦ B 2

⇦ A 3

B 4 ⇨

⇦ A 5

B 6 ⇨

B 8 ⇨

⇦ A 7

⇦ A 9

⇦ B 10

''') html, = page.children body, = html.children positions = [(paragraph.position_x, paragraph.position_y) for paragraph in body.children] assert positions == [ (0, 0), (70, 0), (0, 20), (130, 20), (0, 40), (130, 40), (130, 60), (0, 60), (0, 80), (70, 80), ] # c414-flt-wrap-000 ... more or less page, = parse('''

''') html, = page.children body, = html.children p_1, p_2, anon_block = body.children line_1, line_2 = anon_block.children assert anon_block.position_y == 0 assert (line_1.position_x, line_1.position_y) == (20, 0) assert (line_2.position_x, line_2.position_y) == (0, 200) # c414-flt-wrap-000 with text ... more or less page, = parse('''

A B ''') html, = page.children body, = html.children p_1, p_2, anon_block = body.children line_1, line_2 = anon_block.children assert anon_block.position_y == 0 assert (line_1.position_x, line_1.position_y) == (20, 0) assert (line_2.position_x, line_2.position_y) == (0, 200) # floats-placement-vertical-001b page, = parse(''' ''') html, = page.children body, = html.children line_1, line_2 = body.children span_1, = line_1.children span_2, = line_2.children img_1, = span_1.children img_2, img_3 = span_2.children assert outer_area(img_1) == (0, 0, 50, 50) assert outer_area(img_2) == (30, 50, 50, 50) assert outer_area(img_3) == (0, 50, 30, 30) # Variant of the above: no page, = parse(''' ''') html, = page.children body, = html.children line_1, line_2 = body.children img_1, = line_1.children img_2, img_3 = line_2.children assert outer_area(img_1) == (0, 0, 50, 50) assert outer_area(img_2) == (30, 50, 50, 50) assert outer_area(img_3) == (0, 50, 30, 30) # Floats do no affect other pages page_1, page_2 = parse('''
''') html, = page_1.children body, = html.children float_img, anon_block, = body.children line, = anon_block.children img_1, = line.children assert outer_area(float_img) == (0, 0, 30, 30) assert outer_area(img_1) == (30, 0, 50, 50) html, = page_2.children body, = html.children div, anon_block = body.children line, = anon_block.children img_2, = line.children # Regression test # https://github.com/Kozea/WeasyPrint/issues/263 page, = parse('''
''') @assert_no_logs def test_floats_page_breaks(): """Tests the page breaks when floated boxes do not fit the page.""" # Tests floated images shorter than the page pages = parse(''' ''') assert len(pages) == 2 page_images = [] for page in pages: images = [d for d in page.descendants() if d.element_tag == 'img'] assert all([img.element_tag == 'img' for img in images]) assert all([img.position_x == 10 for img in images]) page_images.append(images) del images positions_y = [[img.position_y for img in images] for images in page_images] assert positions_y == [[10], [10]] # Tests floated images taller than the page pages = parse(''' ''') assert len(pages) == 2 page_images = [] for page in pages: images = [d for d in page.descendants() if d.element_tag == 'img'] assert all([img.element_tag == 'img' for img in images]) assert all([img.position_x == 10 for img in images]) page_images.append(images) del images positions_y = [[img.position_y for img in images] for images in page_images] assert positions_y == [[10], [10]] # Tests floated images shorter than the page pages = parse(''' ''') assert len(pages) == 3 page_images = [] for page in pages: images = [d for d in page.descendants() if d.element_tag == 'img'] assert all([img.element_tag == 'img' for img in images]) assert all([img.position_x == 10 for img in images]) page_images.append(images) del images positions_y = [[img.position_y for img in images] for images in page_images] assert positions_y == [[10, 40], [10, 40], [10]] # last float does not fit, pushed to next page pages = parse('''
''') assert len(pages) == 2 page_divs = [] for page in pages: divs = [div for div in page.descendants() if div.element_tag == 'div'] assert all([div.element_tag == 'div' for div in divs]) page_divs.append(divs) del divs positions_y = [[div.position_y for div in divs] for divs in page_divs] assert positions_y == [[10, 70], [10]] # last float does not fit, pushed to next page # center div must not pages = parse('''
''') assert len(pages) == 2 page_divs = [] for page in pages: divs = [div for div in page.descendants() if div.element_tag == 'div'] assert all([div.element_tag == 'div' for div in divs]) page_divs.append(divs) del divs positions_y = [[div.position_y for div in divs] for divs in page_divs] assert positions_y == [[10], [10, 30]] # center div must be the last element, # but float won't fit and will get pushed anyway pages = parse('''
''') assert len(pages) == 3 page_divs = [] for page in pages: divs = [div for div in page.descendants() if div.element_tag == 'div'] assert all([div.element_tag == 'div' for div in divs]) page_divs.append(divs) del divs positions_y = [[div.position_y for div in divs] for divs in page_divs] assert positions_y == [[10], [10], [10]] @assert_no_logs def test_font_stretch(): page, = parse('''

Hello, world!

Hello, world!

Hello, world!

''') html, = page.children body, = html.children p_1, p_2, p_3 = body.children normal = p_1.width condensed = p_2.width assert condensed < normal # TODO: when @font-face is supported use a font with an expanded variant. # expanded = p_3.width # assert normal < expanded @assert_no_logs def test_box_decoration_break(): # http://www.w3.org/TR/css3-background/#the-box-decoration-break # Property not implemented yet, always "slice". page_1, page_2 = parse('''





''') html, = page_1.children body, = html.children paragraph, = body.children line_1, line_2 = paragraph.children assert paragraph.position_y == 0 assert paragraph.margin_top == 5 assert paragraph.border_top_width == 3 assert paragraph.padding_top == 2 assert paragraph.content_box_y() == 10 assert line_1.position_y == 10 assert line_2.position_y == 50 assert paragraph.height == 80 assert paragraph.margin_bottom == 0 assert paragraph.border_bottom_width == 0 assert paragraph.padding_bottom == 0 assert paragraph.margin_height() == 90 html, = page_2.children body, = html.children paragraph, = body.children line_1, line_2 = paragraph.children assert paragraph.position_y == 0 assert paragraph.margin_top == 0 assert paragraph.border_top_width == 0 assert paragraph.padding_top == 0 assert paragraph.content_box_y() == 0 assert line_1.position_y == 0 assert line_2.position_y == 40 assert paragraph.height == 80 assert paragraph.padding_bottom == 2 assert paragraph.border_bottom_width == 3 assert paragraph.margin_bottom == 5 assert paragraph.margin_height() == 90 @assert_no_logs def test_hyphenation(): def line_count(source): page, = parse('' + source) html, = page.children body, = html.children lines = body.children return len(lines) # Default: no hyphenation assert line_count('hyphénation') == 1 # lang only: no hyphenation assert line_count( 'hyphénation') == 1 # `hyphens: auto` only: no hyphenation assert line_count( 'hyphénation') == 1 # lang + `hyphens: auto`: hyphenation assert line_count( 'hyphénation') > 1 # Hyphenation with soft hyphens assert line_count('hyp­hénation') == 2 # … unless disabled assert line_count( 'hyp­hénation') == 1 @assert_no_logs def test_linear_gradient(): red = (1, 0, 0, 1) lime = (0, 1, 0, 1) blue = (0, 0, 1, 1) def layout(gradient_css, type_='linear', init=(), positions=[0, 1], colors=[blue, lime], scale=(1, 1)): page, = parse('

this parrot is dead

''' % (margin_left, font_size)) html, = page.children body, = html.children p, = body.children assert len(p.children) == 1 letters = 1 for font_size in (1, 5, 10, 50, 100, 1000, 10000): while True: page, = parse('''

mmm %s a

''' % (font_size, font_size, font_size, 'i' * letters)) html, = page.children body, = html.children p, = body.children assert len(p.children) in (1, 2) assert len(p.children[0].children) == 2 text = p.children[0].children[1].children[0].text assert text if text.endswith('i'): letters = 1 break else: letters += 1