from tests.support.asserts import assert_success
from tests.support.fixtures import is_element_in_viewport
from tests.support.inline import inline


def send_keys_to_element(session, element, text):
    return session.transport.send(
        "POST",
        "/session/{session_id}/element/{element_id}/value".format(
            session_id=session.session_id,
            element_id=element.id),
        {"text": text})


def test_element_outside_of_not_scrollable_viewport(session):
    session.url = inline("<input style=\"position: relative; left: -9999px;\">")
    element = session.find.css("input", all=False)

    response = send_keys_to_element(session, element, "foo")
    assert_success(response)

    assert not is_element_in_viewport(session, element)


def test_element_outside_of_scrollable_viewport(session):
    session.url = inline("<input style=\"margin-top: 102vh;\">")
    element = session.find.css("input", all=False)

    response = send_keys_to_element(session, element, "foo")
    assert_success(response)

    assert is_element_in_viewport(session, element)


def test_option_select_container_outside_of_scrollable_viewport(session):
    session.url = inline("""
        <select style="margin-top: 102vh;">
          <option value="foo">foo</option>
          <option value="bar" id="bar">bar</option>
        </select>
    """)
    element = session.find.css("option#bar", all=False)
    select = session.find.css("select", all=False)

    response = send_keys_to_element(session, element, "bar")
    assert_success(response)

    assert is_element_in_viewport(session, select)
    assert is_element_in_viewport(session, element)


def test_option_stays_outside_of_scrollable_viewport(session):
    session.url = inline("""
        <select multiple style="height: 105vh; margin-top: 100vh;">
          <option value="foo" id="foo" style="height: 100vh;">foo</option>
          <option value="bar" id="bar" style="background-color: yellow;">bar</option>
        </select>
    """)
    select = session.find.css("select", all=False)
    option_foo = session.find.css("option#foo", all=False)
    option_bar = session.find.css("option#bar", all=False)

    response = send_keys_to_element(session, option_bar, "bar")
    assert_success(response)

    assert is_element_in_viewport(session, select)
    assert is_element_in_viewport(session, option_foo)
    assert not is_element_in_viewport(session, option_bar)


def test_contenteditable_element_outside_of_scrollable_viewport(session):
    session.url = inline("<div contenteditable style=\"margin-top: 102vh;\"></div>")
    element = session.find.css("div", all=False)

    response = send_keys_to_element(session, element, "foo")
    assert_success(response)

    assert is_element_in_viewport(session, element)