f6a7eed359
* test_client_storage: remove race conditions for cookie assignment Poll for default timeout for cookies to appear in the controlled browser. * Remove use of deprecated get_token and get_sid in core Both reflex.app and reflex.state were still using deprecated methods, which were throwing unsolvable warnings for end users. * Remove deprecated router functions from integration tests Mostly removing custom "token" var and replacing with router.session.client_token. Also replacing `get_query_params` and `get_current_page` usage as well. * fix upload tests Cannot pass substate as main app state, since it blocks us from accessing "inherited vars" * state: do NOT reset `router` to default When calling `.reset` to reset state vars, do NOT reset the router data, as that could mess up internal event processing.
126 lines
4.4 KiB
Python
126 lines
4.4 KiB
Python
"""Integration tests for text input and related components."""
|
|
import time
|
|
from typing import Generator
|
|
|
|
import pytest
|
|
from selenium.webdriver.common.by import By
|
|
from selenium.webdriver.common.keys import Keys
|
|
|
|
from reflex.testing import AppHarness
|
|
|
|
|
|
def FullyControlledInput():
|
|
"""App using a fully controlled input with implicit debounce wrapper."""
|
|
import reflex as rx
|
|
|
|
class State(rx.State):
|
|
text: str = "initial"
|
|
|
|
app = rx.App(state=State)
|
|
|
|
@app.add_page
|
|
def index():
|
|
return rx.fragment(
|
|
rx.input(
|
|
value=State.router.session.client_token, is_read_only=True, id="token"
|
|
),
|
|
rx.input(
|
|
id="debounce_input_input",
|
|
on_change=State.set_text, # type: ignore
|
|
value=State.text,
|
|
),
|
|
rx.input(value=State.text, id="value_input", is_read_only=True),
|
|
rx.input(on_change=State.set_text, id="on_change_input"), # type: ignore
|
|
rx.button("CLEAR", on_click=rx.set_value("on_change_input", "")),
|
|
)
|
|
|
|
app.compile()
|
|
|
|
|
|
@pytest.fixture()
|
|
def fully_controlled_input(tmp_path) -> Generator[AppHarness, None, None]:
|
|
"""Start FullyControlledInput app at tmp_path via AppHarness.
|
|
|
|
Args:
|
|
tmp_path: pytest tmp_path fixture
|
|
|
|
Yields:
|
|
running AppHarness instance
|
|
"""
|
|
with AppHarness.create(
|
|
root=tmp_path,
|
|
app_source=FullyControlledInput, # type: ignore
|
|
) as harness:
|
|
yield harness
|
|
|
|
|
|
@pytest.mark.asyncio
|
|
async def test_fully_controlled_input(fully_controlled_input: AppHarness):
|
|
"""Type text after moving cursor. Update text on backend.
|
|
|
|
Args:
|
|
fully_controlled_input: harness for FullyControlledInput app
|
|
"""
|
|
assert fully_controlled_input.app_instance is not None, "app is not running"
|
|
driver = fully_controlled_input.frontend()
|
|
|
|
# get a reference to the connected client
|
|
token_input = driver.find_element(By.ID, "token")
|
|
assert token_input
|
|
|
|
# wait for the backend connection to send the token
|
|
token = fully_controlled_input.poll_for_value(token_input)
|
|
assert token
|
|
|
|
# find the input and wait for it to have the initial state value
|
|
debounce_input = driver.find_element(By.ID, "debounce_input_input")
|
|
value_input = driver.find_element(By.ID, "value_input")
|
|
on_change_input = driver.find_element(By.ID, "on_change_input")
|
|
clear_button = driver.find_element(By.TAG_NAME, "button")
|
|
assert fully_controlled_input.poll_for_value(debounce_input) == "initial"
|
|
assert fully_controlled_input.poll_for_value(value_input) == "initial"
|
|
|
|
# move cursor to home, then to the right and type characters
|
|
debounce_input.send_keys(Keys.HOME, Keys.ARROW_RIGHT)
|
|
debounce_input.send_keys("foo")
|
|
time.sleep(0.5)
|
|
assert debounce_input.get_attribute("value") == "ifoonitial"
|
|
assert (await fully_controlled_input.get_state(token)).text == "ifoonitial"
|
|
assert fully_controlled_input.poll_for_value(value_input) == "ifoonitial"
|
|
|
|
# clear the input on the backend
|
|
async with fully_controlled_input.modify_state(token) as state:
|
|
state.text = ""
|
|
assert (await fully_controlled_input.get_state(token)).text == ""
|
|
assert (
|
|
fully_controlled_input.poll_for_value(
|
|
debounce_input, exp_not_equal="ifoonitial"
|
|
)
|
|
== ""
|
|
)
|
|
|
|
# type more characters
|
|
debounce_input.send_keys("getting testing done")
|
|
time.sleep(0.5)
|
|
assert debounce_input.get_attribute("value") == "getting testing done"
|
|
assert (
|
|
await fully_controlled_input.get_state(token)
|
|
).text == "getting testing done"
|
|
assert fully_controlled_input.poll_for_value(value_input) == "getting testing done"
|
|
|
|
# type into the on_change input
|
|
on_change_input.send_keys("overwrite the state")
|
|
time.sleep(0.5)
|
|
assert debounce_input.get_attribute("value") == "overwrite the state"
|
|
assert on_change_input.get_attribute("value") == "overwrite the state"
|
|
assert (await fully_controlled_input.get_state(token)).text == "overwrite the state"
|
|
assert fully_controlled_input.poll_for_value(value_input) == "overwrite the state"
|
|
|
|
clear_button.click()
|
|
time.sleep(0.5)
|
|
assert on_change_input.get_attribute("value") == ""
|
|
# potential bug: clearing the on_change field doesn't itself trigger on_change
|
|
# assert backend_state.text == ""
|
|
# assert debounce_input.get_attribute("value") == ""
|
|
# assert value_input.get_attribute("value") == ""
|