Merge pull request #2787 from plotly/add-more-tests

Add regressions tests

Author: T4rk1n

@plotly/dash-test-components/src/components/DrawCounter.js

@@ -0,0 +1,15 @@
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+
+const DrawCounter = (props) => {
+    const [count, setCount] = useState(0);
+    useEffect(() => {
+        setCount(count + 1);
+    }, [props]);
+    return <div id={props.id}>{count}</div>;
+};
+
+DrawCounter.propTypes = {
+    id: PropTypes.string,
+};
+export default DrawCounter;

@plotly/dash-test-components/src/index.js

@@ -7,9 +7,12 @@ import MyPersistedComponentNested from './components/MyPersistedComponentNested'
 import StyledComponent from './components/StyledComponent';
 import WidthComponent from './components/WidthComponent';
 import ComponentAsProp from './components/ComponentAsProp';
+
+import DrawCounter from './components/DrawCounter';
 import AddPropsComponent from "./components/AddPropsComponent";
 import ReceivePropsComponent from "./components/ReceivePropsComponent";
 
+
 export {
     AsyncComponent,
     CollapseComponent,
@@ -20,6 +23,7 @@ export {
     StyledComponent,
     WidthComponent,
     ComponentAsProp,
+    DrawCounter,
     AddPropsComponent,
     ReceivePropsComponent
 };

tests/integration/multi_page/test_pages_layout.py

@@ -1,6 +1,6 @@
 import pytest
 import dash
-from dash import Dash, Input, State, dcc, html
+from dash import Dash, Input, State, dcc, html, Output
 from dash.dash import _ID_LOCATION
 from dash.exceptions import NoLayoutException
 
@@ -237,6 +237,35 @@ def test_pala005_routing_inputs(dash_duo, clear_pages_state):
     dash_duo.wait_for_text_to_equal("#contents", "Le hash dit: #123")
 
 
+def test_pala006_pages_external_library(dash_duo):
+    import dash_test_components as dt
+
+    app = Dash(use_pages=True, pages_folder="")
+
+    @app.callback(
+        Output("out", "children"),
+        Input("button", "n_clicks"),
+        prevent_initial_call=True,
+    )
+    def on_click(n_clicks):
+        return f"Button has been clicked {n_clicks} times"
+
+    dash.register_page(
+        "page",
+        path="/",
+        layout=html.Div(
+            [
+                dt.DelayedEventComponent(id="button"),
+                html.Div("The button has not been clicked yet", id="out"),
+            ]
+        ),
+    )
+
+    dash_duo.start_server(app)
+    dash_duo.wait_for_element("#button").click()
+    dash_duo.wait_for_text_to_equal("#out", "Button has been clicked 1 times")
+
+
 def get_app_title_description():
     app = Dash(
         __name__, use_pages=True, title="App Title", description="App Description"
@@ -252,7 +281,7 @@ def get_app_title_description():
     return app
 
 
-def test_pala006_app_title_discription(dash_duo, clear_pages_state):
+def test_pala007_app_title_discription(dash_duo, clear_pages_state):
     dash_duo.start_server(get_app_title_description())
 
     assert dash.page_registry["home"]["title"] == "App Title"

tests/integration/renderer/test_redraw.py

@@ -0,0 +1,34 @@
+import time
+from dash import Dash, Input, Output, html
+
+import dash_test_components as dt
+
+
+def test_rdraw001_redraw(dash_duo):
+    app = Dash()
+
+    app.layout = html.Div(
+        [
+            html.Div(
+                dt.DrawCounter(id="counter"),
+                id="redrawer",
+            ),
+            html.Button("redraw", id="redraw"),
+        ]
+    )
+
+    @app.callback(
+        Output("redrawer", "children"),
+        Input("redraw", "n_clicks"),
+        prevent_initial_call=True,
+    )
+    def on_click(_):
+        return dt.DrawCounter(id="counter")
+
+    dash_duo.start_server(app)
+
+    dash_duo.wait_for_text_to_equal("#counter", "1")
+    dash_duo.find_element("#redraw").click()
+    dash_duo.wait_for_text_to_equal("#counter", "2")
+    time.sleep(1)
+    dash_duo.wait_for_text_to_equal("#counter", "2")