Add test for Shiny Express insert accordion panel behavior

Introduces a new app and Playwright test to verify dynamic updating and insertion of accordion panels in Shiny Express UI. Tests cover initial panel rendering, updating panel content and title, and adding new panels via action buttons.

Author: karangattu

tests/playwright/shiny/bugs/1802-shiny-express-ui-accordion-panel-doesnt-work/app-express.py

@@ -0,0 +1,40 @@
+import datetime
+
+from shiny import reactive
+from shiny.express import input, ui
+
+with ui.accordion(id="my_accordion"):
+    with ui.accordion_panel(title="About"):
+        "This is a simple Shiny app."
+
+    with ui.accordion_panel(title="Panel 1"):
+        "Some initial content for Panel 1."
+
+    with ui.accordion_panel(title="Panel 2", value="panel_2_val"):
+        "Some initial content for Panel 2."
+
+ui.input_action_button("update_button", "Update Panel 2")
+ui.input_action_button("add_panel_button", "Add New Panel")
+
+panel_counter = reactive.value(3)
+
+
+@reactive.effect
+@reactive.event(input.update_button)
+def _():
+    new_content = f"Content updated at: {datetime.datetime.now().strftime('%H:%M:%S')}"
+    ui.update_accordion_panel(
+        "my_accordion", "panel_2_val", new_content, title="Panel 2 (Updated)"
+    )
+
+
+@reactive.effect
+@reactive.event(input.add_panel_button)
+def _():
+    current_count = panel_counter.get()
+    panel_counter.set(current_count + 1)
+    ui.insert_accordion_panel(
+        "my_accordion",
+        f"Panel {current_count}",
+        f"This is dynamically added panel {current_count}, created at {datetime.datetime.now().strftime('%H:%M:%S')}",
+    )

tests/playwright/shiny/bugs/1802-shiny-express-ui-accordion-panel-doesnt-work/test_app_express.py

@@ -0,0 +1,49 @@
+from playwright.sync_api import Page
+
+from shiny.playwright import controller
+from shiny.pytest import create_app_fixture
+from shiny.run import ShinyAppProc
+
+app = create_app_fixture(["app-express.py"])
+
+
+def test_accordion_and_buttons(page: Page, app: ShinyAppProc) -> None:
+    page.goto(app.url)
+
+    accordion = controller.Accordion(page, "my_accordion")
+    update_button = controller.InputActionButton(page, "update_button")
+    add_panel_button = controller.InputActionButton(page, "add_panel_button")
+
+    accordion.expect_panels(["About", "Panel 1", "panel_2_val"])
+
+    about_panel = accordion.accordion_panel("About")
+    about_panel.expect_label("About")
+    about_panel.expect_body("This is a simple Shiny app.")
+
+    panel_1 = accordion.accordion_panel("Panel 1")
+    panel_1.expect_label("Panel 1")
+    panel_1.expect_body("Some initial content for Panel 1.")
+
+    panel_2 = accordion.accordion_panel("panel_2_val")
+    panel_2.expect_label("Panel 2")
+    panel_2.expect_body("Some initial content for Panel 2.")
+
+    update_button.expect_label("Update Panel 2")
+    update_button.click()
+
+    panel_2.expect_label("Panel 2 (Updated)")
+
+    add_panel_button.expect_label("Add New Panel")
+    add_panel_button.click()
+
+    accordion.expect_panels(["About", "Panel 1", "panel_2_val", "Panel 3"])
+
+    panel_3 = accordion.accordion_panel("Panel 3")
+    panel_3.expect_label("Panel 3")
+
+    add_panel_button.click()
+
+    accordion.expect_panels(["About", "Panel 1", "panel_2_val", "Panel 3", "Panel 4"])
+
+    panel_4 = accordion.accordion_panel("Panel 4")
+    panel_4.expect_label("Panel 4")