add playwright tests

Author: cpsievert

tests/playwright/shiny/components/chat/shiny_input/app.py

@@ -0,0 +1,26 @@
+from shiny import reactive
+from shiny.express import input, ui
+
+ui.page_opts(
+    title="Hello input bindings in Chat",
+    fillable=True,
+    fillable_mobile=True,
+)
+
+welcome = f"""
+**Hello! Here are some inputs:**
+
+{ui.input_select("select", "", choices=["a", "b", "c"])}
+{ui.input_slider("slider", "", min=0, max=100, value=50)}
+"""
+
+chat = ui.Chat(
+    id="chat",
+    messages=[welcome],
+)
+chat.ui()
+
+
+@reactive.effect
+async def _():
+    await chat.append_message(f"Now selected: {input.select()} and {input.slider()}")

tests/playwright/shiny/components/chat/shiny_input/test_chat_shiny_input.py

@@ -0,0 +1,28 @@
+from playwright.sync_api import Page, expect
+from utils.deploy_utils import skip_on_webkit
+
+from shiny.playwright import controller
+from shiny.run import ShinyAppProc
+
+
+@skip_on_webkit
+def test_validate_chat_shiny_output(page: Page, local_app: ShinyAppProc) -> None:
+    page.goto(local_app.url)
+
+    TIMEOUT = 30 * 1000
+
+    chat = controller.Chat(page, "chat")
+    expect(chat.loc).to_be_visible(timeout=TIMEOUT)
+
+    select = controller.InputSelect(page, "select")
+    slider = controller.InputSlider(page, "slider")
+    expect(select.loc).to_be_visible(timeout=TIMEOUT)
+    expect(slider.loc).to_be_visible(timeout=TIMEOUT)
+
+    chat.expect_latest_message("Now selected: a and 50")
+
+    select.set("b")
+    chat.expect_latest_message("Now selected: b and 50")
+
+    slider.set("5")
+    chat.expect_latest_message("Now selected: b and 5")

tests/playwright/shiny/components/chat/shiny_output/app.py

@@ -0,0 +1,70 @@
+import ipyleaflet as ipyl
+import pandas as pd
+import plotly.express as px
+from shinywidgets import render_plotly, render_widget
+
+from shiny import reactive, render
+from shiny.express import ui
+
+ui.page_opts(
+    title="Hello output bindings in Chat",
+    fillable=True,
+    fillable_mobile=True,
+)
+
+with ui.hold() as map_ui:
+
+    @render_widget
+    def map():
+        return ipyl.Map(center=(52, 10), zoom=8)
+
+
+chat = ui.Chat(
+    id="chat",
+    messages=[map_ui],
+)
+
+chat.ui()
+
+with ui.hold() as df_1:
+
+    @render.data_frame
+    def df1():
+        dat = pd.DataFrame({"a": [1, 2, 3], "b": [4, 5, 6]})
+        return render.DataTable(dat, height="auto")
+
+
+@reactive.effect
+async def _():
+    await chat.append_message(df_1)
+
+
+with ui.hold() as df_2:
+
+    @render.data_frame
+    def df2():
+        dat = pd.DataFrame({"c": [1, 2, 3], "d": [4, 5, 6]})
+        return render.DataGrid(dat, selection_mode="rows")
+
+
+@reactive.effect
+async def _():
+    await chat.append_message_stream(df_2)
+
+
+with ui.hold() as plot_ui:
+
+    @render_plotly
+    def plot():
+        dat = pd.DataFrame({"x": [1, 2, 3], "y": [4, 5, 6]})
+        return px.scatter(dat, x="x", y="y")
+
+
+@reactive.effect
+async def _():
+    await chat.append_message_stream(plot_ui)
+
+
+@render.code
+def selected_data():
+    return str(df2.data_view(selected=True))

tests/playwright/shiny/components/chat/shiny_output/test_chat_shiny_output.py

@@ -0,0 +1,41 @@
+from playwright.sync_api import Page, expect
+from utils.deploy_utils import skip_on_webkit
+
+from shiny.playwright import controller
+from shiny.run import ShinyAppProc
+
+
+@skip_on_webkit
+def test_validate_chat_shiny_output(page: Page, local_app: ShinyAppProc) -> None:
+    page.goto(local_app.url)
+
+    TIMEOUT = 30 * 1000
+
+    chat = controller.Chat(page, "chat")
+    expect(chat.loc).to_be_visible(timeout=TIMEOUT)
+
+    # Test that ipyleaflet map has rendered
+    # (this make sure we can render HTMLDependency()s statically)
+    map_loc = page.locator("#map .leaflet-container")
+    expect(map_loc).to_be_visible(timeout=TIMEOUT)
+
+    df1 = controller.OutputDataFrame(page, "df1")
+    df2 = controller.OutputDataFrame(page, "df2")
+    expect(df1.loc).to_be_visible(timeout=TIMEOUT)
+    expect(df2.loc).to_be_visible(timeout=TIMEOUT)
+
+    selection = controller.OutputCode(page, "selected_data")
+    expect(selection.loc).to_be_visible(timeout=TIMEOUT)
+
+    df1.expect_column_labels(["a", "b"])
+    df2.expect_column_labels(["c", "d"])
+
+    expect(selection.loc).to_contain_text("Empty DataFrame")
+
+    df2.select_rows([0])
+    expect(selection.loc).to_contain_text("c  d\n0  1  4\n")
+
+    # Test that plotly plot has rendered
+    # (this make sure we can render HTMLDependency()s dynamically)
+    plot_loc = page.locator("#plot .plotly")
+    expect(plot_loc).to_be_visible(timeout=TIMEOUT)