R snippet callbacks (#632)

* V1 of testing R example callbacks

* lint

* Refactor callback testing

* Added callback tests

* Updated R snippets

* Updates based on review comments

* updated collapse and toast tests. fixed julia callback

* changed timeout to 4

* changed timeout to 4 (oops missed one)

Co-authored-by: Ann Marie Ward <amward@fastmail.us>
Co-authored-by: AnnMarieW <amward@fastmail.com>

Author: 3 people

docs/components_page/components/__tests__/helpers.py

@@ -1,5 +1,7 @@
 from pathlib import Path
 
+from .wrappers import JL_WRAPPER, R_WRAPPER
+
 
 def py_source_to_app(py_source, env):
     """
@@ -47,3 +49,19 @@ def rename_variable(snippet_path, suffix, variable, assign_op="="):
         new_lines.append(line)
 
     return "\n".join(new_lines)
+
+
+def load_r_app(path, component_name):
+    return R_WRAPPER.format(
+        snippet=path.read_text(),
+        components=component_name,
+        port=8050,
+    )
+
+
+def load_jl_app(path, component_name):
+    return JL_WRAPPER.format(
+        snippet=path.read_text(),
+        components=component_name,
+        port=8050,
+    )

docs/components_page/components/__tests__/test_alert.py

@@ -0,0 +1,38 @@
+"""
+Testing of callbacks in non-Python Alert snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_dismiss(dashr):
+    r_app = load_r_app((HERE.parent / "alert" / "dismiss.R"), "alert")
+    dashr.start_server(r_app)
+    check_dismiss_callbacks(dashr)
+
+
+def test_jl_dismiss(dashjl):
+    jl_app = load_jl_app((HERE.parent / "alert" / "dismiss.jl"), "alert")
+    dashjl.start_server(jl_app)
+    check_dismiss_callbacks(dashjl)
+
+
+def check_dismiss_callbacks(runner):
+    assert runner.find_element("#alert-fade") != []
+    runner.find_element("#alert-toggle-fade").click()
+    wait.until(
+        lambda: runner.find_elements("#alert-fade") == [],
+        timeout=4,
+    )
+
+    assert runner.find_element("#alert-no-fade") != []
+    runner.find_element("#alert-toggle-no-fade").click()
+    wait.until(
+        lambda: runner.find_elements("#alert-no-fade") == [],
+        timeout=4,
+    )

docs/components_page/components/__tests__/test_button.py

@@ -0,0 +1,31 @@
+"""
+Testing of callbacks in non-Python Button snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_button(dashr):
+    r_app = load_r_app((HERE.parent / "button" / "usage.R"), "button")
+    dashr.start_server(r_app)
+    check_button_callbacks(dashr)
+
+
+def test_jl_button(dashjl):
+    jl_app = load_jl_app((HERE.parent / "button" / "usage.jl"), "button")
+    dashjl.start_server(jl_app)
+    check_button_callbacks(dashjl)
+
+
+def check_button_callbacks(runner):
+    runner.find_element("#example-button").click()
+    wait.until(
+        lambda: runner.find_element("#example-output").text
+        == "Clicked 1 times.",
+        timeout=4,
+    )

docs/components_page/components/__tests__/test_button_group.py

@@ -0,0 +1,45 @@
+"""
+Testing of callbacks in non-Python button_group snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_button_group(dashr):
+    r_app = load_r_app(
+        (HERE.parent / "button_group" / "radios.R"), "button_group"
+    )
+    dashr.start_server(r_app)
+    check_button_group_callbacks(dashr)
+
+
+def test_jl_button_group(dashjl):
+    jl_app = load_jl_app(
+        (HERE.parent / "button_group" / "radios.jl"), "button_group"
+    )
+    dashjl.start_server(jl_app)
+    check_button_group_callbacks(dashjl)
+
+
+def check_button_group_callbacks(runner):
+
+    runner.find_element(
+        "label[for='_dbcprivate_radioitems_radios_input_2']"
+    ).click()
+    wait.until(
+        lambda: runner.find_element("#output").text == "Selected value: 2",
+        timeout=4,
+    )
+
+    runner.find_element(
+        "label[for='_dbcprivate_radioitems_radios_input_3']"
+    ).click()
+    wait.until(
+        lambda: runner.find_element("#output").text == "Selected value: 3",
+        timeout=4,
+    )

docs/components_page/components/__tests__/test_collapse.py

@@ -0,0 +1,115 @@
+"""
+Testing of callbacks in non-Python Collapse snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+# simple
+def test_r_collapse_simple(dashr):
+    r_app = load_r_app((HERE.parent / "collapse" / "simple.R"), "collapse")
+    dashr.start_server(r_app)
+    check_collapse_simple_callbacks(dashr)
+
+
+def test_jl_collapse_simple(dashjl):
+    jl_app = load_jl_app((HERE.parent / "collapse" / "simple.jl"), "collapse")
+    dashjl.start_server(jl_app)
+    check_collapse_simple_callbacks(dashjl)
+
+
+def check_collapse_simple_callbacks(runner):
+    runner.find_element("#collapse-button").click()
+    wait.until(
+        lambda: runner.find_elements("#collapse") != [],
+        timeout=4,
+    )
+
+
+# --------------------------------------------
+# multiple
+
+
+def test_r_collapse_multiple(dashr):
+    r_app = load_r_app((HERE.parent / "collapse" / "multiple.R"), "collapses")
+    dashr.start_server(r_app)
+    check_collapse_multiple_callbacks(dashr)
+
+
+def test_jl_collapse_multiple(dashjl):
+    jl_app = load_jl_app(
+        (HERE.parent / "collapse" / "multiple.jl"), "collapses"
+    )
+    dashjl.start_server(jl_app)
+    check_collapse_multiple_callbacks(dashjl)
+
+
+def check_collapse_multiple_callbacks(runner):
+
+    runner.find_element("#left").click()
+    wait.until(
+        lambda: runner.find_element("#left-collapse").get_attribute("class")
+        == "collapse",
+        timeout=4,
+    )
+
+    runner.find_element("#right").click()
+    wait.until(
+        lambda: runner.find_element("#right-collapse").get_attribute("class")
+        == "collapse",
+        timeout=4,
+    )
+
+    runner.find_element("#both").click()
+    wait.until(
+        lambda: runner.find_element("#right-collapse").get_attribute("class")
+        == "collapse show",
+        timeout=4,
+    )
+
+
+# --------------------------------------------
+# accordion
+
+
+def test_r_collapse_accordion(dashr):
+    r_app = load_r_app((HERE.parent / "collapse" / "accordion.R"), "accordion")
+    dashr.start_server(r_app)
+    check_collapse_accordion_callbacks(dashr)
+
+
+def test_jl_collapse_accordion(dashjl):
+    jl_app = load_jl_app(
+        (HERE.parent / "collapse" / "accordion.jl"), "accordion"
+    )
+    dashjl.start_server(jl_app)
+    check_collapse_accordion_callbacks(dashjl)
+
+
+def check_collapse_accordion_callbacks(runner):
+
+    runner.find_element("#group-1-toggle").click()
+    wait.until(
+        lambda: runner.find_element("#collapse-1").get_attribute("class")
+        == "collapse show",
+        timeout=4,
+    )
+
+    runner.find_element("#group-2-toggle").click()
+    wait.until(
+        lambda: runner.find_element("#collapse-2").get_attribute("class")
+        == "collapse show",
+        timeout=4,
+    )
+
+    runner.find_element("#group-3-toggle").click()
+    wait.until(
+        lambda: runner.find_element("#collapse-3").get_attribute("class")
+        == "collapse show",
+        timeout=4,
+    )

docs/components_page/components/__tests__/test_dropdown.py

@@ -0,0 +1,36 @@
+"""
+Testing of callbacks in non-Python Dropdown snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_dropdown(dashr):
+    r_app = load_r_app((HERE.parent / "dropdown" / "menu_items.R"), "dropdown")
+    dashr.start_server(r_app)
+    check_dropdown_callbacks(dashr)
+
+
+def test_jl_dropdown(dashjl):
+    jl_app = load_jl_app(
+        (HERE.parent / "dropdown" / "menu_items.jl"), "dropdown"
+    )
+    dashjl.start_server(jl_app)
+    check_dropdown_callbacks(dashjl)
+
+
+def check_dropdown_callbacks(runner):
+    runner.find_element(".btn").click()
+
+    runner.find_element("#dropdown-button").click()
+
+    wait.until(
+        lambda: runner.find_element("#item-clicks").text
+        == "Button clicked 1 times.",
+        timeout=4,
+    )

docs/components_page/components/__tests__/test_fade.py

@@ -0,0 +1,58 @@
+"""
+Testing of callbacks in non-Python Fade snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_fade(dashr):
+    r_app = load_r_app((HERE.parent / "fade" / "fade.R"), "fade")
+    dashr.start_server(r_app)
+    check_fade_callbacks(dashr)
+
+
+def test_jl_fade(dashjl):
+    jl_app = load_jl_app((HERE.parent / "fade" / "fade.jl"), "fade")
+    dashjl.start_server(jl_app)
+    check_fade_callbacks(dashjl)
+
+
+def check_fade_callbacks(runner):
+    assert runner.find_element("#fade") != []
+    runner.find_element("#fade-button").click()
+    wait.until(
+        lambda: runner.find_element("#fade").get_attribute("style")
+        == "visibility: hidden;",
+        timeout=4,
+    )
+
+
+def test_r_fade_transition(dashr):
+    r_app = load_r_app((HERE.parent / "fade" / "transition.R"), "fade")
+    dashr.start_server(r_app)
+    check_fade_transition_callbacks(dashr)
+
+
+def test_jl_fade_transition(dashjl):
+    jl_app = load_jl_app((HERE.parent / "fade" / "transition.jl"), "fade")
+    dashjl.start_server(jl_app)
+    check_fade_transition_callbacks(dashjl)
+
+
+def check_fade_transition_callbacks(runner):
+    wait.until(
+        lambda: len(runner.find_elements("#fade-transition")) == 1,
+        timeout=4,
+    )
+
+    runner.find_element("#fade-transition-button").click()
+    wait.until(
+        lambda: runner.find_element("#fade-transition").get_attribute("style")
+        == "transition: opacity 2000ms ease 0s; visibility: hidden;",
+        timeout=5,
+    )

docs/components_page/components/__tests__/test_form.py

@@ -0,0 +1,38 @@
+"""
+Testing of callbacks in non-Python Form snippets.
+"""
+from pathlib import Path
+
+import dash.testing.wait as wait
+
+from .helpers import load_jl_app, load_r_app
+
+HERE = Path(__file__).parent
+
+
+def test_r_form(dashr):
+    r_app = load_r_app((HERE.parent / "form" / "feedback.R"), "email_input")
+    dashr.start_server(r_app)
+    check_form_callbacks(dashr)
+
+
+def test_jl_form(dashjl):
+    jl_app = load_jl_app((HERE.parent / "form" / "feedback.jl"), "email_input")
+    dashjl.start_server(jl_app)
+    check_form_callbacks(dashjl)
+
+
+def check_form_callbacks(runner):
+    runner.find_element("#email-input").send_keys("x")
+    wait.until(
+        lambda: runner.find_element("#email-input").get_attribute("class")
+        == "is-invalid form-control",
+        timeout=4,
+    )
+
+    runner.find_element("#email-input").send_keys("x@gmail.com")
+    wait.until(
+        lambda: runner.find_element("#email-input").get_attribute("class")
+        == "is-valid form-control",
+        timeout=4,
+    )