reflex/tests/components/test_component_state.py
Masen Furer 5510eaf820
[REF-2265] ComponentState: scaffold for copying State per Component instance (#2923)
* [REF-2265] ComponentState: scaffold for copying State per Component instance

Define a base ComponentState which can be used to easily create copies of the
given State definition (Vars and EventHandlers) that are tied to a particular
instance of a Component (returned by get_component)

* Define `State` field on `Component` for typing compatibility.

This is an Optional field of Type[State] and is populated by ComponentState.

* Add integration/test_component_state.py

Create two independent counters and increment them separately

* Add unit test for ComponentState
2024-03-29 09:22:25 -07:00

43 lines
1.3 KiB
Python

"""Ensure that Components returned by ComponentState.create have independent State classes."""
import reflex as rx
from reflex.components.base.bare import Bare
def test_component_state():
"""Create two components with independent state classes."""
class CS(rx.ComponentState):
count: int = 0
def increment(self):
self.count += 1
@classmethod
def get_component(cls, *children, **props):
return rx.el.div(
*children,
**props,
)
cs1, cs2 = CS.create("a", id="a"), CS.create("b", id="b")
assert isinstance(cs1, rx.Component)
assert isinstance(cs2, rx.Component)
assert cs1.State is not None
assert cs2.State is not None
assert cs1.State != cs2.State
assert issubclass(cs1.State, CS)
assert issubclass(cs1.State, rx.State)
assert issubclass(cs2.State, CS)
assert issubclass(cs2.State, rx.State)
assert CS._per_component_state_instance_count == 2
assert isinstance(cs1.State.increment, rx.event.EventHandler)
assert cs1.State.increment != cs2.State.increment
assert len(cs1.children) == 1
assert cs1.children[0].render() == Bare.create("{`a`}").render()
assert cs1.id == "a"
assert len(cs2.children) == 1
assert cs2.children[0].render() == Bare.create("{`b`}").render()
assert cs2.id == "b"