import pytest
from webdriver import NoSuchElementException
from webdriver.error import ElementClickInterceptedException, WebDriverException

URL = "https://www.cleanrider.com/catalogue/velo-electrique/velos-pliants-electriques/"

COOKIES_CSS = "#didomi-notice-agree-button"
PRICE_SECTION_CSS = "#block-prix"
MIN_THUMB_CSS = "#block-prix .range-min-bullet"


async def can_interact_with_slider(client, platform):
    await client.navigate(URL, wait="none")

    client.hide_elements("#opd_bottomstickyad")

    try:
        client.await_css(COOKIES_CSS, is_displayed=True, timeout=5).click()
    except NoSuchElementException:
        pass

    # there are two copies of the site's markup, one for mobile and one for
    # desktop, with one of them hidden. we have to get the visible one.
    price = client.await_css(PRICE_SECTION_CSS)
    if not client.is_displayed(price):
        client.execute_script("arguments[0].remove()", price)

    min_thumb = client.await_css(MIN_THUMB_CSS, is_displayed=True)
    if platform == "android":
        for x in range(5):
            client.await_css(
                '[\\@click="openMobile = true"]', is_displayed=True
            ).click()
            await client.stall(0.5)
            if client.await_css('[\\@click="openMobile = false"]', is_displayed=True):
                break

        # wait for the button to slide onscreen
        client.execute_async_script(
            """
            var [minThumb, done] = arguments;
            const i = window.setInterval(() => {
                if (minThumb.getBoundingClientRect().x >= 0) {
                    clearInterval(i);
                    done();
                }
            }, 100);
        """,
            min_thumb,
        )

    coords = client.get_element_screen_position(min_thumb)
    coords = [coords[0] + 4, coords[1] + 4]
    await client.apz_down(coords=coords)
    for i in range(25):
        await client.stall(0.01)
        coords[0] += 5
        await client.apz_move(coords=coords)

    # we can detect the broken case as the element will not receive mouse events.
    client.execute_script(
        """
        document.documentElement.addEventListener(
          "mousedown",
          () => { alert("bad") },
          true
        );
    """
    )

    client.scroll_into_view(min_thumb)
    try:
        for _ in range(5):
            min_thumb.click()
            await client.stall(0.5)
    except (
        ElementClickInterceptedException,
        WebDriverException,
    ) as _:  # element not interactable
        return True
    assert await client.find_alert("bad")


@pytest.mark.asyncio
@pytest.mark.with_interventions
async def test_enabled(client, platform):
    assert await can_interact_with_slider(client, platform)


@pytest.mark.asyncio
@pytest.mark.without_interventions
async def test_disabled(client, platform):
    assert not await can_interact_with_slider(client, platform)