"""Tests for position property.""" import pytest from ..testing_utils import assert_no_logs, render_pages @assert_no_logs def test_relative_positioning_1(): page, = render_pages('''

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 @assert_no_logs def test_relative_positioning_2(): page, = render_pages(''' ''') 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_relative_positioning_3(): page, = render_pages(''' ''') html, = page.children body, = html.children line, = body.children span1, span2, span3 = line.children assert span2.position_x == 20 + 10 @assert_no_logs def test_relative_positioning_4(): page, = render_pages(''' ''') html, = page.children body, = html.children line, = body.children span1, span2, span3 = line.children assert span2.position_x == 100 - 20 - 5 - 20 @assert_no_logs def test_absolute_positioning_1(): page, = render_pages('''
''') 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) @assert_no_logs def test_absolute_positioning_2(): page, = render_pages('''
''') 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) @assert_no_logs def test_absolute_positioning_3(): page, = render_pages(''' 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 @assert_no_logs def test_absolute_positioning_4(): page, = render_pages(''' 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) @assert_no_logs def test_absolute_positioning_5(): page, = render_pages(''' 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) @assert_no_logs def test_absolute_positioning_6(): page, = render_pages('''
''') 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) @assert_no_logs def test_absolute_positioning_7(): page, = render_pages('''

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_positioning_8(): # Regression test for #1264. page, = render_pages('''
''') html, = page.children body, = html.children div, = body.children assert (div.content_box_x(), div.content_box_y()) == (15, 10) assert (div.width, div.height) == (10, 20) @assert_no_logs def test_absolute_images(): page, = render_pages('''
''') html, = page.children body, = html.children div, = body.children img1, img2, img3, img4 = 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) assert (img3.position_x, img3.position_y) == (10, 15) assert (img3.width, img3.height) == (4, 4) assert (img4.position_x, img4.position_y) == (10, 21) # (50 - 4) - 25 assert (img4.width, img4.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 = render_pages(''' 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_fixed_positioning_regression_1(): # Regression test for #641. page_1, page_2 = render_pages('''
b
page1
page2
''') html, = page_1.children body, = html.children ul, img, div, article = body.children marker = ul.children[0] assert (ul.position_x, ul.position_y) == (80, 10) assert (img.position_x, img.position_y) == (60, 10) assert (div.position_x, div.position_y) == (40, 10) assert (article.position_x, article.position_y) == (0, 0) assert marker.position_x == ul.position_x html, = page_2.children ul, img, div, body = html.children marker = ul.children[0] assert (ul.position_x, ul.position_y) == (180, 10) assert (img.position_x, img.position_y) == (160, 10) assert (div.position_x, div.position_y) == (140, 10) assert (article.position_x, article.position_y) == (0, 0) assert marker.position_x == ul.position_x @assert_no_logs def test_fixed_positioning_regression_2(): # Regression test for #728. page_1, page_2 = render_pages(''' 

    ''')
    html, = page_1.children
    body, = html.children
    div, section = body.children
    assert (div.position_x, div.position_y) == (15, 10)
    article, = div.children
    assert (article.position_x, article.position_y) == (15, 20)
    header, = article.children
    assert (header.position_x, header.position_y) == (5, 10)

    html, = page_2.children
    div, body, = html.children
    assert (div.position_x, div.position_y) == (15, 10)
    article, = div.children
    assert (article.position_x, article.position_y) == (15, 20)
    header, = article.children
    assert (header.position_x, header.position_y) == (5, 10)


@assert_no_logs
def test_flex_relative_positioning():
    page, = render_pages('''
      
      

        

        

      

    ''')
    html, = page.children
    body, = html.children
    article, = body.children
    div1, div2 = article.children

    assert (div2.position_x, div2.position_y) == (30, 10)


@assert_no_logs
def test_grid_relative_positioning():
    page, = render_pages('''
      
      

        

        

      

    ''')
    html, = page.children
    body, = html.children
    article, = body.children
    div1, div2 = article.children

    assert (div2.position_x, div2.position_y) == (30, 10)


@assert_no_logs
@pytest.mark.xfail
def test_flex_absolute_positioning():
    """TODO: Order is not kept when out-of-flow and in-flow children are mixed."""
    page, = render_pages('''
      
      

        

        

      

    ''')
    html, = page.children
    body, = html.children
    article, = body.children
    # That’s currently div2, div1
    div1, div2 = article.children

    assert (div2.position_x, div2.position_y) == (10, 10)


@assert_no_logs
@pytest.mark.xfail
def test_grid_absolute_positioning():
    """TODO: Absolutely positioned grid items are not replaced by placeholders ."""
    page, = render_pages('''
      
      

        

        

      

    ''')
    html, = page.children
    body, = html.children
    article, = body.children
    div1, div2 = article.children

    assert (div1.position_x, div1.position_y) == (10, 10)