Initial untested module express example

Author: elnelson575

tests/playwright/shiny/components/express_navs/app.py

@@ -0,0 +1,28 @@
+from shiny import reactive
+from shiny.express import render
+from .modules import custom_sidebar, add_to_counter_content
+
+tabs_added = reactive.value(0)
+
+
+def increment_tabs_counter():
+    tabs_added.set(tabs_added() + 1)
+
+
+custom_sidebar(
+    "nav",
+    _on_click=increment_tabs_counter,
+    label="Dynamic Sidebar",
+)
+
+add_to_counter_content(
+    "buttonAdder",
+    _on_click=increment_tabs_counter,
+    starting_value=0,
+    label="Add to Counter",
+)
+
+
+@render.code
+def out():
+    return f"Tabs added: {tabs_added()}"

tests/playwright/shiny/components/express_navs/modules.py

@@ -0,0 +1,70 @@
+from shiny import reactive
+from shiny.express import ui, module
+
+
+@module
+def add_to_counter_content(
+    input, output, session, _on_click, starting_value, label="Add to Counter"
+):
+    count = reactive.value(starting_value)
+    ui.input_action_button("add", label)
+
+    @reactive.effect
+    @reactive.event(input.add)
+    def increment_button():
+        _on_click()
+        count.set(count() + 1)
+
+
+@module
+def custom_sidebar(
+    input, output, session, _on_click, starting_value=0, label="Dynamic Sidebar"
+):
+    count = reactive.value(starting_value)
+
+    @reactive.effect
+    @reactive.event(input.addFoo)
+    def increment_button():
+        _on_click()
+        count.set(count() + 1)
+
+    with ui.sidebar():
+        ui.input_action_button("add", "Add 'Dynamic' tab")
+        ui.input_action_button("removeFoo", "Remove 'Foo' tabs")
+        ui.input_action_button("addFoo", "Add New 'Foo' tab")
+
+        @reactive.effect()
+        @reactive.event(input.removeFoo)
+        def _():
+            ui.remove_nav_panel("tabs", target="Foo")
+
+        @reactive.effect()
+        @reactive.event(input.addFoo)
+        def _():
+            n = str(input.addFoo())
+            ui.insert_nav_panel(
+                "tabs",
+                "Foo-" + n,
+                "This is the new Foo-" + n + " tab",
+                value="Foo",
+                target="Menu",
+                position="before",
+                select=True,
+            )
+
+    with ui.navset_tab(id="tabs"):
+        with ui.nav_panel("Hello", value="Hello"):
+            "This is the hello tab"
+        with ui.nav_panel("Foo", value="Foo"):
+            "This is the Foo tab"
+        with ui.nav_menu("Static", value="Menu"):
+            with ui.nav_panel("Static 1", value="s1"):
+                "Static 1"
+            with ui.nav_panel("Static 2", value="s2"):
+                "Static 2"
+
+    @reactive.effect()
+    @reactive.event(input.add)
+    def _():
+        id = "Dynamic-" + str(input.add())
+        ui.insert_nav_panel("tabs", title=id, value=id, target="s2", position="before")

tests/playwright/shiny/components/express_navs/test_express_navs.py

@@ -0,0 +1,90 @@
+# import pytest
+import pytest
+from playwright.sync_api import Page, expect
+
+from shiny.playwright import controller
+from shiny.run import ShinyAppProc
+
+
+@pytest.mark.flaky(reruns=3, reruns_delay=2)
+def test_dynamic_navs(page: Page, local_app: ShinyAppProc) -> None:
+    page.goto(local_app.url)
+
+    # Page begins with 2 tabs: "Hello" and "Foo" and a nav menu with 2 static items.
+    navset_tab = controller.NavsetTab(page, "tabs")
+
+    # Click add-foo to add a new Foo tab
+    addfoo = controller.InputActionButton(page, "addFoo")
+    addfoo.click()
+    controller.NavsetTab(page, "tabs").expect_nav_titles(
+        ["Hello", "Foo", "Foo-1", "Static1", "Static2"]
+    )
+    # Test Foo-1 tab is added
+    navpanel = controller.NavPanel(page, "tabs", "Foo").loc.filter(has_text="Foo-1")
+    expect(navpanel).to_have_text("Foo-1")
+
+    # Click hide-tab to hide the Foo tabs
+    hidetab = controller.InputActionButton(page, "hideTab")
+    hidetab.click()
+
+    # Expect the Foo tabs to be hidden
+    navpanel = controller.NavPanel(page, "tabs", "Foo").loc.filter(has_text="Foo-1")
+    expect(navpanel).to_be_hidden()
+    navpanel = controller.NavPanel(page, "tabs", "Foo").loc.filter(
+        has_text="This is the Foo tab"
+    )
+    expect(navpanel).to_be_hidden()
+
+    # Click show-tab to show the Foo tabs again
+    showtab = controller.InputActionButton(page, "showTab")
+    showtab.click()
+
+    # Expect the Foo tabs to be visible again
+    navpanel2 = controller.NavPanel(page, "tabs", "Foo").loc.first
+    expect(navpanel2).to_be_visible()
+    navpanel3 = controller.NavPanel(page, "tabs", "Foo").loc.last
+    expect(navpanel3).to_be_visible()
+
+    # Click remove-foo to remove the Foo tabs
+    removefoo = controller.InputActionButton(page, "removeFoo")
+    removefoo.click()
+    controller.NavsetTab(page, "tabs").expect_nav_titles(
+        ["Hello", "Static1", "Static2"]
+    )
+
+    # Click add to add a dynamic tab
+    add = controller.InputActionButton(page, "add")
+    add.click()
+    controller.NavsetTab(page, "tabs").expect_nav_titles(
+        ["Hello", "Static1", "Dynamic-1", "Static2"]
+    )
+
+    # Click add again to add another dynamic tab
+    add.click()
+    controller.NavsetTab(page, "tabs").expect_nav_titles(
+        ["Hello", "Static1", "Dynamic-1", "Dynamic-2", "Static2"]
+    )
+
+    page.get_by_role("button", name="Menu", exact=True).click()
+
+    navpanel3 = controller.NavPanel(page, "tabs", "s1").loc
+    expect(navpanel3).to_be_visible()
+
+    # Click hide-menu to hide the static menu
+    hidemenu = controller.InputActionButton(page, "hideMenu")
+    hidemenu.click()
+
+    # Expect the Menu to be hidden
+    navpanel3 = controller.NavPanel(page, "tabs", "s1").loc
+    expect(navpanel3).to_be_hidden()
+
+    # Click show-menu to show the static menu again
+    showmenu = controller.InputActionButton(page, "showMenu")
+    showmenu.click()
+
+    # Expect the Menu to be visible again
+    expect(page.get_by_role("button", name="Menu", exact=True)).to_be_visible()
+    # Click the Menu button to show the static menu
+    page.get_by_role("button", name="Menu", exact=True).click()
+    navpanel3 = controller.NavPanel(page, "tabs", "s1").loc
+    expect(navpanel3).to_be_visible()