Add test

Author: insistence

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

@@ -0,0 +1,23 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+const AddPropsComponent = (props) => {
+    const {children, id} = props;
+
+
+    return (
+        <div id={id}>
+            {React.cloneElement(children, {
+                receive: `Element #${id} pass`,
+                id: id,
+            })}
+        </div>
+    );
+};
+
+AddPropsComponent.propTypes = {
+    id: PropTypes.string,
+    children: PropTypes.node,
+};
+
+export default AddPropsComponent;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const ReceivePropsComponent = (props) => {
+    const {id, text, receive} = props;
+
+    return (
+        <div id={id}>
+            {receive || text}
+        </div>
+    );
+}
+ReceivePropsComponent.propTypes = {
+    id: PropTypes.string,
+    text: PropTypes.string,
+    receive: PropTypes.string,
+}
+
+export default ReceivePropsComponent;

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

@@ -7,6 +7,8 @@ import MyPersistedComponentNested from './components/MyPersistedComponentNested'
 import StyledComponent from './components/StyledComponent';
 import WidthComponent from './components/WidthComponent';
 import ComponentAsProp from './components/ComponentAsProp';
+import AddPropsComponent from "./components/AddPropsComponent";
+import ReceivePropsComponent from "./components/ReceivePropsComponent";
 
 export {
     AsyncComponent,
@@ -18,4 +20,6 @@ export {
     StyledComponent,
     WidthComponent,
     ComponentAsProp,
+    AddPropsComponent,
+    ReceivePropsComponent
 };

tests/integration/renderer/test_add_receive_props.py

@@ -0,0 +1,31 @@
+from dash import Dash, html
+
+from dash_test_components import AddPropsComponent, ReceivePropsComponent
+
+
+def test_dvui001_add_receive_props(dash_duo):
+    app = Dash(__name__)
+    app.layout = html.Div(
+        [
+            AddPropsComponent(
+                ReceivePropsComponent(
+                    id='test-receive1',
+                    text='receive component1',
+                ),
+                id='test-add'
+            ),
+            ReceivePropsComponent(
+                id='test-receive2',
+                text='receive component2',
+            ),
+        ]
+    )
+
+    dash_duo.start_server(
+        app,
+        debug=True,
+        use_reloader=False,
+        use_debugger=True,
+        dev_tools_hot_reload=False,
+        dev_tools_props_check=False,
+    )