import pytest

URL = "https://g1.globo.com/jogos/caca-palavras/"

FULLSIZE_BUTTON_CSS = ".full-size-button"
INTRO_BUTTON_CSS = "button.intro-button"
TUTORIAL_BUTTON_CSS = ".tutorial button"
TUTORIAL_OVERLAY_CSS = ".drawer-overlay"
CLIPPED_BUTTON_CSS = ".subheader .dropdown button:has(svg)"
FIRST_LETTER_CSS = ".letter-box svg g g:first-child"
SELECTION_CSS = ".letter-box svg g path"


async def are_buttons_clipped_or_selection_is_misaligned(client):
    await client.make_preload_script("delete navigator.__proto__.webdriver")
    client.set_screen_size(300, 500)
    await client.navigate(URL, wait="none")

    fullsize, intro = client.await_first_element_of(
        [
            client.css(FULLSIZE_BUTTON_CSS),
            client.css(INTRO_BUTTON_CSS),
        ],
        is_displayed=True,
        timeout=20,
    )
    if fullsize:
        client.soft_click(fullsize)
        client.soft_click(client.await_css(INTRO_BUTTON_CSS, is_displayed=True))
    else:
        client.soft_click(intro)

    client.soft_click(client.await_css(TUTORIAL_BUTTON_CSS, is_displayed=True))
    client.await_element_hidden(client.css(TUTORIAL_OVERLAY_CSS))

    # check that the rightmost button isn't clipped away (isn't just the bgcolor)
    clipped_button = client.await_css(CLIPPED_BUTTON_CSS, is_displayed=True)
    return client.is_one_solid_color(clipped_button)


@pytest.mark.asyncio
@pytest.mark.with_interventions
async def test_enabled(client):
    assert not await are_buttons_clipped_or_selection_is_misaligned(client)


@pytest.mark.asyncio
@pytest.mark.without_interventions
async def test_disabled(client):
    assert await are_buttons_clipped_or_selection_is_misaligned(client)