Function test_async_renders

src/py/reactpy/tests/test_core/test_layout.py:1255–1301

(async_rendering)

async def test_async_renders(async_rendering):
    if not async_rendering:
        raise pytest.skip("Async rendering not enabled")

    child_1_hook = HookCatcher()
    child_2_hook = HookCatcher()
    child_1_rendered = Event()
    child_2_rendered = Event()
    child_1_render_count = Ref(0)
    child_2_render_count = Ref(0)

    @component
    def outer():
        return html._(child_1(), child_2())

    @component
    @child_1_hook.capture
    def child_1():
        child_1_rendered.set()
        child_1_render_count.current += 1

    @component
    @child_2_hook.capture
    def child_2():
        child_2_rendered.set()
        child_2_render_count.current += 1

    async with Layout(outer()) as layout:
        await layout.render()

        # clear render events and counts
        child_1_rendered.clear()
        child_2_rendered.clear()
        child_1_render_count.current = 0
        child_2_render_count.current = 0

        # we schedule two renders but expect only one
        child_1_hook.latest.schedule_render()
        child_1_hook.latest.schedule_render()
        child_2_hook.latest.schedule_render()
        child_2_hook.latest.schedule_render()

        await child_1_rendered.wait()
        await child_2_rendered.wait()

        assert child_1_render_count.current == 1
        assert child_2_render_count.current == 1


async def test_none_does_not_render():