first test

Author: Oliver Flasch

README.md

@@ -25,6 +25,15 @@ Pull requests are welcome.
 Please see https://github.com/plotly/dash-component-boilerplate for information on the architecture of Dash components.
 
 
+## Testing
+
+dash-coreui-components comes with integration tests in the `tests/` folder.
+Install the test requirements with `pip install -r tests/requirements.txt`.
+
+To run the tests, use `pytest --driver Chrome tests/` or simply `test_usage_py.sh`.
+Other drivers (IE, Firefox) can also be used.
+
+
 ## Creating and Publishing Production Builds
 
 Run `make_python_dist.sh` to create a Python package tarball.

test_usage_py.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+clear
+pytest --driver Chrome tests/
+

tests/test_usage.py

@@ -1,31 +1,26 @@
+import pytest
 from pytest_dash.utils import (
     import_app,
     wait_for_text_to_equal,
     wait_for_element_by_css_selector
 )
+from selenium.webdriver.support.ui import Select
 
 
-# Basic test for the component rendering.
-def test_render_component(dash_threaded, selenium):
+@pytest.fixture
+def usage_app(dash_threaded):
     # Start a dash app contained in `usage.py`
     # dash_threaded is a fixture by pytest-dash
     # It will load a py file containing a Dash instance named `app`
     # and start it in a thread.
     app = import_app('usage')
     dash_threaded(app)
+    return app
 
-    # Get the generated component input with selenium
-    # The html input will be a children of the #input dash component
-    my_component = wait_for_element_by_css_selector(selenium, '#input > input')
+def test_dashboard_test_textarea(usage_app, selenium):
+    dashboard_test_textarea = wait_for_element_by_css_selector(selenium, '#dashboard-test-textarea')
+    assert 'Hello, world!' == dashboard_test_textarea.get_attribute('value')
+    dashboard_test_textarea.send_keys('TEST')
+    wait_for_text_to_equal(selenium, '#dashboard-test-output',
+            'You have entered "Hello, world!TEST". You selected None in the aside dropdown and the aside slider sits at 3.')
 
-    assert 'my-value' == my_component.get_attribute('value')
-
-    # Clear the input
-    my_component.clear()
-
-    # Send keys to the custom input.
-    my_component.send_keys('Hello dash')
-
-    # Wait for the text to equal, if after the timeout (default 10 seconds)
-    # the text is not equal it will fail the test.
-    wait_for_text_to_equal(selenium, '#output', 'You have entered Hello dash')