{selectedTabContent || ''}
diff --git a/src/fragments/DatePickerRange.react.js b/src/fragments/DatePickerRange.react.js
index 56add7eb2..fc7d22999 100644
--- a/src/fragments/DatePickerRange.react.js
+++ b/src/fragments/DatePickerRange.react.js
@@ -82,15 +82,12 @@ export default class DatePickerRange extends Component {
}
isOutsideRange(date) {
- const {
- max_date_allowed,
- min_date_allowed,
- disabled_days,
- } = convertToMoment(this.props, [
- 'max_date_allowed',
- 'min_date_allowed',
- 'disabled_days',
- ]);
+ const {max_date_allowed, min_date_allowed, disabled_days} =
+ convertToMoment(this.props, [
+ 'max_date_allowed',
+ 'min_date_allowed',
+ 'disabled_days',
+ ]);
return (
(min_date_allowed && date.isBefore(min_date_allowed)) ||
diff --git a/src/fragments/DatePickerSingle.react.js b/src/fragments/DatePickerSingle.react.js
index 07d1744d1..29bd8c3cc 100644
--- a/src/fragments/DatePickerSingle.react.js
+++ b/src/fragments/DatePickerSingle.react.js
@@ -16,15 +16,12 @@ export default class DatePickerSingle extends Component {
}
isOutsideRange(date) {
- const {
- max_date_allowed,
- min_date_allowed,
- disabled_days,
- } = convertToMoment(this.props, [
- 'max_date_allowed',
- 'min_date_allowed',
- 'disabled_days',
- ]);
+ const {max_date_allowed, min_date_allowed, disabled_days} =
+ convertToMoment(this.props, [
+ 'max_date_allowed',
+ 'min_date_allowed',
+ 'disabled_days',
+ ]);
return (
(min_date_allowed && date.isBefore(min_date_allowed)) ||
diff --git a/src/fragments/Graph.react.js b/src/fragments/Graph.react.js
index d4353b8d5..f846dd710 100644
--- a/src/fragments/Graph.react.js
+++ b/src/fragments/Graph.react.js
@@ -71,7 +71,7 @@ const filterEventData = (gd, eventData, event) => {
for (let i = 0; i < eventData.points.length; i++) {
const fullPoint = eventData.points[i];
- const pointData = filter(function(o) {
+ const pointData = filter(function (o) {
return !includes(type(o), ['Object', 'Array']);
}, fullPoint);
if (
diff --git a/src/fragments/Markdown.react.js b/src/fragments/Markdown.react.js
index 84854e7a7..ebb000d0e 100644
--- a/src/fragments/Markdown.react.js
+++ b/src/fragments/Markdown.react.js
@@ -35,7 +35,7 @@ export default class DashMarkdown extends Component {
if (MarkdownHighlighter.hljs) {
for (let i = 0; i < nodes.length; i++) {
- MarkdownHighlighter.hljs.highlightBlock(nodes[i]);
+ MarkdownHighlighter.hljs.highlightElement(nodes[i]);
}
} else {
MarkdownHighlighter.loadhljs();
diff --git a/src/utils/DatePickerPersistence.js b/src/utils/DatePickerPersistence.js
index 4a18a04f5..7c4a157ce 100644
--- a/src/utils/DatePickerPersistence.js
+++ b/src/utils/DatePickerPersistence.js
@@ -4,9 +4,7 @@ import {isNil} from 'ramda';
export default {
extract: propValue => {
if (!isNil(propValue)) {
- return moment(propValue)
- .startOf('day')
- .format('YYYY-MM-DD');
+ return moment(propValue).startOf('day').format('YYYY-MM-DD');
}
return propValue;
},
diff --git a/src/utils/MarkdownHighlighter.js b/src/utils/MarkdownHighlighter.js
index ab446ddbe..8185a2c3f 100644
--- a/src/utils/MarkdownHighlighter.js
+++ b/src/utils/MarkdownHighlighter.js
@@ -1,7 +1,7 @@
import lazyhljs from './LazyLoader/hljs';
const MarkdownHighlighter = {
- loadhljs: function() {
+ loadhljs: function () {
return lazyhljs().then(hljs => {
this.hljs = hljs;
this.hljsResolve();
diff --git a/tests/IntegrationTests.py b/tests/IntegrationTests.py
deleted file mode 100644
index c73aaf451..000000000
--- a/tests/IntegrationTests.py
+++ /dev/null
@@ -1,120 +0,0 @@
-from __future__ import absolute_import
-import multiprocessing
-import os
-import platform
-import threading
-import time
-import unittest
-import percy
-import flask
-import requests
-
-from selenium import webdriver
-from selenium.webdriver.chrome.options import Options
-from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
-
-
-class IntegrationTests(unittest.TestCase):
- @classmethod
- def setUpClass(cls):
- super(IntegrationTests, cls).setUpClass()
-
- options = Options()
- capabilities = DesiredCapabilities.CHROME
- capabilities["loggingPrefs"] = {"browser": "SEVERE"}
-
- if "DASH_TEST_CHROMEPATH" in os.environ:
- options.binary_location = os.environ["DASH_TEST_CHROMEPATH"]
-
- cls.driver = webdriver.Chrome(
- options=options, desired_capabilities=capabilities
- )
- loader = percy.ResourceLoader(
- webdriver=cls.driver, base_url="/assets", root_dir="tests/assets"
- )
- cls.percy_runner = percy.Runner(loader=loader)
- cls.percy_runner.initialize_build()
-
- @classmethod
- def tearDownClass(cls):
- super(IntegrationTests, cls).tearDownClass()
- cls.driver.quit()
-
- def setUp(self):
- pass
-
- def tearDown(self):
- if platform.system() == "Windows":
- requests.get("http://localhost:8050/stop")
- else:
- self.server_process.terminate()
-
- self.clear_log()
- time.sleep(1)
-
- def startServer(self, app):
- """
-
- :param app:
- :type app: dash.Dash
- :return:
- """
- if "DASH_TEST_PROCESSES" in os.environ:
- processes = int(os.environ["DASH_TEST_PROCESSES"])
- else:
- processes = 4
-
- def run():
- app.scripts.config.serve_locally = True
- app.css.config.serve_locally = True
- app.run_server(
- port=8050,
- processes=processes,
- threaded=False,
- debug=True,
- use_reloader=False,
- use_debugger=True,
- dev_tools_hot_reload=False,
- dev_tools_ui=False,
- )
-
- def run_windows():
- app.scripts.config.serve_locally = True
- app.css.config.serve_locally = True
-
- @app.server.route("/stop")
- def _stop_server_windows():
- stopper = flask.request.environ["werkzeug.server.shutdown"]
- stopper()
- return "stop"
-
- app.run_server(port=8050, debug=False, threaded=True)
-
- # Run on a separate process so that it doesn't block
-
- system = platform.system()
- if system == "Windows":
- # multiprocess can't pickle an inner func on windows (closure are not serializable by default on windows)
- self.server_thread = threading.Thread(target=run_windows)
- self.server_thread.start()
- else:
- self.server_process = multiprocessing.Process(target=run)
- self.server_process.start()
- time.sleep(2)
-
- # Visit the dash page
- self.driver.implicitly_wait(2)
- self.driver.get("http://localhost:8050")
-
- def clear_log(self):
- entries = self.driver.get_log("browser")
-
- if entries:
- self.last_timestamp = entries[-1]["timestamp"]
-
- def get_log(self):
- entries = self.driver.get_log("browser")
-
- return [entry for entry in entries if entry["timestamp"] > self.last_timestamp]
-
- last_timestamp = 0
diff --git a/tests/assets/testing.css b/tests/assets/input.css
similarity index 61%
rename from tests/assets/testing.css
rename to tests/assets/input.css
index 54679a32c..c241266a9 100644
--- a/tests/assets/testing.css
+++ b/tests/assets/input.css
@@ -2,7 +2,3 @@
width: 420px;
border-color: hotpink;
}
-
-.test-custom-tab {
- font-weight: bold;
-}
diff --git a/tests/assets/tab.css b/tests/assets/tab.css
new file mode 100644
index 000000000..79011351e
--- /dev/null
+++ b/tests/assets/tab.css
@@ -0,0 +1,3 @@
+.test-custom-tab {
+ font-weight: bold;
+}
diff --git a/tests/dash_core_components_page.py b/tests/dash_core_components_page.py
index 9ce1e68c7..5e9469e44 100644
--- a/tests/dash_core_components_page.py
+++ b/tests/dash_core_components_page.py
@@ -32,7 +32,9 @@ def is_month_valid(elem):
filtered = [_ for _ in days if _.text == str(day) and is_month_valid(_)]
if not filtered or len(filtered) > 1:
logger.error(
- "cannot find the matched day with index=%s, day=%s", index, day,
+ "cannot find the matched day with index=%s, day=%s",
+ index,
+ day,
)
matched = filtered[0]
else:
diff --git a/tests/integration/calendar/test_calendar_props.py b/tests/integration/calendar/test_calendar_props.py
index 00e5daa28..fe62372ce 100644
--- a/tests/integration/calendar/test_calendar_props.py
+++ b/tests/integration/calendar/test_calendar_props.py
@@ -42,6 +42,8 @@ def test_cdpr001_date_clearable_true_works(dash_dcc):
(single_date,) = dash_dcc.get_date_range("dps")
assert not single_date, "date should be cleared"
+ assert dash_dcc.get_logs() == []
+
def test_cdpr002_updatemodes(dash_dcc):
app = dash.Dash(__name__)
@@ -109,3 +111,5 @@ def update_output(start_date, end_date):
)
== date_tokens
), "date should match the callback output"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/calendar/test_date_picker_persistence.py b/tests/integration/calendar/test_date_picker_persistence.py
index f05d8847c..9ff7a7e24 100644
--- a/tests/integration/calendar/test_date_picker_persistence.py
+++ b/tests/integration/calendar/test_date_picker_persistence.py
@@ -7,7 +7,7 @@
def test_rdpr001_persisted_dps(dash_dcc):
- app = dash.Dash(__name__)
+ app = dash.Dash(__name__, suppress_callback_exceptions=True)
app.layout = html.Div(
[
html.Button("fire callback", id="btn", n_clicks=1),
@@ -39,9 +39,11 @@ def display_dps(value):
dash_dcc.find_element("#btn").click()
dash_dcc.wait_for_text_to_equal("#dps-p", "2020-01-02")
+ assert dash_dcc.get_logs() == []
+
def test_rdpr002_persisted_dpr(dash_dcc):
- app = dash.Dash(__name__)
+ app = dash.Dash(__name__, suppress_callback_exceptions=True)
app.layout = html.Div(
[
html.Button("fire callback", id="btn", n_clicks=1),
@@ -85,3 +87,5 @@ def display_dpr_end(value):
dash_dcc.find_element("#btn").click()
dash_dcc.wait_for_text_to_equal("#dpr-p-start", "2020-01-02")
dash_dcc.wait_for_text_to_equal("#dpr-p-end", "2020-01-05")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/calendar/test_date_picker_range.py b/tests/integration/calendar/test_date_picker_range.py
index 70c424b35..ddf66f552 100644
--- a/tests/integration/calendar/test_date_picker_range.py
+++ b/tests/integration/calendar/test_date_picker_range.py
@@ -31,6 +31,8 @@ def test_dtpr001_initial_month_provided(dash_dcc):
1,
)
+ assert dash_dcc.get_logs() == []
+
def test_dtpr002_no_initial_month_min_date(dash_dcc):
app = dash.Dash(__name__)
@@ -56,6 +58,8 @@ def test_dtpr002_no_initial_month_min_date(dash_dcc):
"January 2010",
)
+ assert dash_dcc.get_logs() == []
+
def test_dtpr003_no_initial_month_no_min_date_start_date(dash_dcc):
app = dash.Dash(__name__)
@@ -81,6 +85,8 @@ def test_dtpr003_no_initial_month_no_min_date_start_date(dash_dcc):
"August 2019",
)
+ assert dash_dcc.get_logs() == []
+
def test_dtpr004_max_and_min_dates_are_clickable(dash_dcc):
app = dash.Dash(__name__)
@@ -110,6 +116,8 @@ def test_dtpr004_max_and_min_dates_are_clickable(dash_dcc):
"01/20/2021",
)
+ assert dash_dcc.get_logs() == []
+
def test_dtpr005_disabled_days_arent_clickable(dash_dcc):
app = dash.Dash(__name__)
diff --git a/tests/integration/calendar/test_date_picker_single.py b/tests/integration/calendar/test_date_picker_single.py
index fd1a0ae5a..e7589e83f 100644
--- a/tests/integration/calendar/test_date_picker_single.py
+++ b/tests/integration/calendar/test_date_picker_single.py
@@ -36,6 +36,8 @@ def test_dtps001_simple_click(dash_dcc):
"dps", index=3
), "Component should be clickable to choose a valid date"
+ assert dash_dcc.get_logs() == []
+
def test_dtps010_local_and_session_persistence(dash_dcc):
app = dash.Dash(__name__)
@@ -69,6 +71,8 @@ def test_dtps010_local_and_session_persistence(dash_dcc):
== session
), "the date value should be consistent after refresh"
+ assert dash_dcc.get_logs() == []
+
def test_dtps011_memory_persistence(dash_dcc):
app = dash.Dash(__name__)
@@ -119,6 +123,8 @@ def cb(clicks):
switched = dash_dcc.find_element("#dps-none input").get_attribute("value")
assert switched != amnesiaed and switched == ""
+ assert dash_dcc.get_logs() == []
+
def test_dtps012_initial_month(dash_dcc):
app = dash.Dash(__name__)
@@ -141,6 +147,8 @@ def test_dtps012_initial_month(dash_dcc):
"January 2010",
)
+ assert dash_dcc.get_logs() == []
+
def test_dtps013_disabled_days_arent_clickable(dash_dcc):
app = dash.Dash(__name__)
diff --git a/tests/integration/confirmdialog/test_confirm.py b/tests/integration/confirmdialog/test_confirm.py
new file mode 100644
index 000000000..568652e93
--- /dev/null
+++ b/tests/integration/confirmdialog/test_confirm.py
@@ -0,0 +1,120 @@
+from multiprocessing import Value
+import dash
+from dash import callback_context
+from dash.testing import wait
+from dash.dependencies import Input, Output, State
+import dash_core_components as dcc
+import dash_html_components as html
+import pytest
+import time
+
+
+@pytest.mark.parametrize(
+ "confirms", [[False, False], [False, True], [True, False], [True, True]]
+)
+@pytest.mark.parametrize("confirm_callback", [True, False])
+@pytest.mark.parametrize(
+ "components",
+ [
+ [
+ html.Button(id="button", children="Send confirm", n_clicks=0),
+ dcc.ConfirmDialog(id="confirm", message="Please confirm."),
+ ],
+ [
+ dcc.ConfirmDialogProvider(
+ html.Button("click me", id="button"),
+ id="confirm",
+ message="Please confirm.",
+ )
+ ],
+ ],
+)
+def test_cnfd001_dialog(dash_dcc, confirm_callback, confirms, components):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(components + [html.Div(id="confirmed")])
+
+ @app.callback(Output("confirm", "displayed"), [Input("button", "n_clicks")])
+ def on_click_confirm(n_clicks):
+ if n_clicks:
+ return True
+
+ count = Value("i", 0)
+
+ if confirm_callback:
+
+ @app.callback(
+ Output("confirmed", "children"),
+ [
+ Input("confirm", "submit_n_clicks"),
+ Input("confirm", "cancel_n_clicks"),
+ ],
+ [
+ State("confirm", "submit_n_clicks_timestamp"),
+ State("confirm", "cancel_n_clicks_timestamp"),
+ ],
+ )
+ def on_confirmed(
+ submit_n_clicks,
+ cancel_n_clicks,
+ submit_timestamp,
+ cancel_timestamp,
+ ):
+ count.value += 1
+
+ if not submit_n_clicks and not cancel_n_clicks:
+ return ""
+
+ trigger = callback_context.triggered[0]["prop_id"].split(".")[1]
+
+ return "confirmed" if trigger == "submit_n_clicks" else "canceled"
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#button")
+
+ for confirm in confirms:
+ dash_dcc.find_element("#button").click()
+ time.sleep(0.5)
+ if confirm:
+ dash_dcc.driver.switch_to.alert.accept()
+ else:
+ dash_dcc.driver.switch_to.alert.dismiss()
+ time.sleep(0.5)
+
+ if confirm_callback:
+ dash_dcc.wait_for_text_to_equal(
+ "#confirmed", "confirmed" if confirm else "canceled"
+ )
+
+ if confirm_callback:
+ assert wait.until(lambda: count.value == 1 + len(confirms), 3)
+
+ assert dash_dcc.get_logs() == []
+
+
+def test_cnfd002_injected_confirm(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Button(id="button", children="Send confirm"),
+ html.Div(id="confirm-container"),
+ dcc.Location(id="dummy-location"),
+ ]
+ )
+
+ @app.callback(
+ Output("confirm-container", "children"),
+ [Input("button", "n_clicks")],
+ )
+ def on_click(n_clicks):
+ if n_clicks:
+ return dcc.ConfirmDialog(
+ displayed=True, id="confirm", message="Please confirm."
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#button").click()
+
+ time.sleep(1)
+ dash_dcc.driver.switch_to.alert.accept()
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/download/test_download.py b/tests/integration/download/test_download.py
index 0e8e9c963..234d697ef 100644
--- a/tests/integration/download/test_download.py
+++ b/tests/integration/download/test_download.py
@@ -32,3 +32,5 @@ def download(_):
with open(fp, "r") as f:
content = f.read()
assert content == text
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/download/test_download_dataframe.py b/tests/integration/download/test_download_dataframe.py
index c20e0793f..04ca388c5 100644
--- a/tests/integration/download/test_download_dataframe.py
+++ b/tests/integration/download/test_download_dataframe.py
@@ -54,3 +54,5 @@ def download(_):
assert df.columns.equals(df_download.columns)
assert df.index.equals(df_download.index)
np.testing.assert_array_equal(df.values, df_download.values)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/download/test_download_file.py b/tests/integration/download/test_download_file.py
index df6fa3f1d..02e93203b 100644
--- a/tests/integration/download/test_download_file.py
+++ b/tests/integration/download/test_download_file.py
@@ -34,3 +34,5 @@ def download(_):
with open(os.path.join(asset_folder, filename), "rb") as f:
original = f.read()
assert content == original
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/dropdown/test_clearable_false.py b/tests/integration/dropdown/test_clearable_false.py
index 539836d64..15d2f8e52 100644
--- a/tests/integration/dropdown/test_clearable_false.py
+++ b/tests/integration/dropdown/test_clearable_false.py
@@ -39,6 +39,8 @@ def update_value(val):
assert len(dash_duo.find_element("#dropdown-value").text) > 0
+ assert dash_duo.get_logs() == []
+
def test_ddcf002_clearable_false_multi(dash_duo):
app = dash.Dash(__name__)
@@ -74,3 +76,5 @@ def update_value(val):
dash_duo.find_element("#dropdown-value").click()
assert len(dash_duo.find_element("#dropdown-value").text) > 0
+
+ assert dash_duo.get_logs() == []
diff --git a/tests/integration/dropdown/test_dynamic_options.py b/tests/integration/dropdown/test_dynamic_options.py
index 217813ba4..e6186fe4c 100644
--- a/tests/integration/dropdown/test_dynamic_options.py
+++ b/tests/integration/dropdown/test_dynamic_options.py
@@ -4,8 +4,8 @@
import dash_core_components as dcc
-def test_dddo001_dynamic_options(dash_duo):
- options = [
+def test_dddo001_dynamic_options(dash_dcc):
+ dropdown_options = [
{"label": "New York City", "value": "NYC"},
{"label": "Montreal", "value": "MTL"},
{"label": "San Francisco", "value": "SF"},
@@ -21,19 +21,19 @@ def test_dddo001_dynamic_options(dash_duo):
def update_options(search_value):
if not search_value:
raise PreventUpdate
- return [o for o in options if search_value in o["label"]]
+ return [o for o in dropdown_options if search_value in o["label"]]
- dash_duo.start_server(app)
+ dash_dcc.start_server(app)
# Get the inner input used for search value.
- dropdown = dash_duo.find_element("#my-dynamic-dropdown")
+ dropdown = dash_dcc.find_element("#my-dynamic-dropdown")
input_ = dropdown.find_element_by_css_selector("input")
# Focus on the input to open the options menu
input_.send_keys("x")
# No options to be found with `x` in them, should show the empty message.
- dash_duo.wait_for_text_to_equal(".Select-noresults", "No results found")
+ dash_dcc.wait_for_text_to_equal(".Select-noresults", "No results found")
input_.clear()
input_.send_keys("o")
@@ -51,3 +51,5 @@ def update_options(search_value):
assert len(options) == 1
print(options)
assert options[0].text == "Montreal"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/dropdown/test_option_title_prop.py b/tests/integration/dropdown/test_option_title_prop.py
index 7adc266f7..f617f1916 100644
--- a/tests/integration/dropdown/test_option_title_prop.py
+++ b/tests/integration/dropdown/test_option_title_prop.py
@@ -2,12 +2,11 @@
import pytest
import dash
+from dash.testing import wait
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
-from utils import wait_for
-
@pytest.mark.DCC793
@pytest.mark.parametrize("multi", [True, False])
@@ -50,38 +49,25 @@ def add_title_to_option(title):
dropdown_title_input = dash_dcc.wait_for_element("#dropdown_title_input")
# Empty string title ('') (default for no title)
- wait_for(
- lambda: dropdown_option_element.get_attribute("title") == "",
- lambda: "`title` is {}, expected {}".format(
- dropdown_option_element.get_attribute("title"), "",
- ),
- )
+
+ wait.until(lambda: dropdown_option_element.get_attribute("title") == "", 3)
dropdown_title_input.send_keys("The Big Apple")
- wait_for(
- lambda: dropdown_option_element.get_attribute("title") == "The Big Apple",
- lambda: "`title` is {}, expected {}".format(
- dropdown_option_element.get_attribute("title"), "The Big Apple",
- ),
+ wait.until(
+ lambda: dropdown_option_element.get_attribute("title") == "The Big Apple", 3
)
dash_dcc.clear_input(dropdown_title_input)
dropdown_title_input.send_keys("Gotham City?")
- wait_for(
- lambda: dropdown_option_element.get_attribute("title") == "Gotham City?",
- lambda: "`title` is {}, expected {}".format(
- dropdown_option_element.get_attribute("title"), "Gotham City?",
- ),
+ wait.until(
+ lambda: dropdown_option_element.get_attribute("title") == "Gotham City?", 3
)
dash_dcc.clear_input(dropdown_title_input)
- wait_for(
- lambda: dropdown_option_element.get_attribute("title") == "",
- lambda: "`title` is {}, expected {}".format(
- dropdown_option_element.get_attribute("title"), "",
- ),
- )
+ wait.until(lambda: dropdown_option_element.get_attribute("title") == "", 3)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/dropdown/test_search_value.py b/tests/integration/dropdown/test_search_value.py
index 0bfaf5c56..956465c45 100644
--- a/tests/integration/dropdown/test_search_value.py
+++ b/tests/integration/dropdown/test_search_value.py
@@ -25,3 +25,5 @@ def update_output(search_value):
input_.send_keys("x")
dash_duo.wait_for_text_to_equal("#output", 'search_value="x"')
+
+ assert dash_duo.get_logs() == []
diff --git a/tests/integration/dropdown/test_visibility.py b/tests/integration/dropdown/test_visibility.py
index a0864dfbe..64bd61e89 100644
--- a/tests/integration/dropdown/test_visibility.py
+++ b/tests/integration/dropdown/test_visibility.py
@@ -43,3 +43,5 @@ def test_ddvi001_fixed_table(dash_duo):
dash_duo.wait_for_element("#dropdown .Select-menu-outer")
dash_duo.percy_snapshot("dcc.Dropdown dropdown overlaps table fixed rows/columns")
+
+ assert dash_duo.get_logs() == []
diff --git a/tests/integration/graph/test_graph_basics.py b/tests/integration/graph/test_graph_basics.py
index c2551e554..0cce93c14 100644
--- a/tests/integration/graph/test_graph_basics.py
+++ b/tests/integration/graph/test_graph_basics.py
@@ -27,6 +27,8 @@ def test_grbs001_graph_without_ids(dash_dcc, is_eager):
"id"
), "the graph should contain no more auto-generated id"
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.DCC608
@pytest.mark.parametrize("is_eager", [True, False])
@@ -86,6 +88,8 @@ def selected_df_figure(selection):
# in for now.
assert call_count.value == 2
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.DCC672
def test_grbs003_graph_wrapped_in_loading_component_does_not_fail(dash_dcc):
@@ -125,7 +129,7 @@ def update_graph(value):
dash_dcc.wait_for_element("#my-graph .main-svg")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
@pytest.mark.DCC837
@@ -159,4 +163,4 @@ def update_graph(n_clicks):
dash_dcc.wait_for_element("#my-graph:not([data-dash-is-loading])")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/graph/test_graph_purge.py b/tests/integration/graph/test_graph_purge.py
index 973f9f629..7ce805f25 100644
--- a/tests/integration/graph/test_graph_purge.py
+++ b/tests/integration/graph/test_graph_purge.py
@@ -51,3 +51,5 @@ def show_output(num):
tog.click()
dash_dcc.wait_for_text_to_equal("#out .gtitle", "A graph!")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/graph/test_graph_responsive.py b/tests/integration/graph/test_graph_responsive.py
index 0cbee0ded..601350415 100644
--- a/tests/integration/graph/test_graph_responsive.py
+++ b/tests/integration/graph/test_graph_responsive.py
@@ -5,7 +5,7 @@
import dash_core_components as dcc
from dash.dependencies import Input, Output, State
from dash.exceptions import PreventUpdate
-from utils import wait_for
+from dash.testing import wait
@pytest.mark.parametrize("responsive", [True, False, None])
@@ -46,7 +46,11 @@ def test_grrs001_graph(dash_dcc, responsive, autosize, height, width, is_respons
figure=dict(
layout=dict(autosize=autosize, height=height, width=width),
data=[
- dict(x=[1, 2, 3, 4], y=[5, 4, 3, 6], line=dict(shape="spline"),)
+ dict(
+ x=[1, 2, 3, 4],
+ y=[5, 4, 3, 6],
+ line=dict(shape="spline"),
+ )
],
),
)
@@ -115,23 +119,20 @@ def resize(n_clicks, style):
else height
)
- wait_for(
- # 500px card minus (100px header + 20px padding) minus (20px padding on container) -> 360px left
+ # 500px card minus (100px header + 20px padding) minus (20px padding on container) -> 360px left
+ wait.until(
lambda: dash_dcc.wait_for_element("#graph svg.main-svg").size.get("height", -1)
== initial_height,
- lambda: "initial graph height {}, expected {}".format(
- dash_dcc.wait_for_element("#graph svg.main-svg").size.get("height", -1),
- initial_height,
- ),
+ 3,
)
+
dash_dcc.wait_for_element("#resize").click()
- wait_for(
- # 500px card minus (200px header + 20px padding) minus (20px padding on container) -> 260px left
+ # 500px card minus (200px header + 20px padding) minus (20px padding on container) -> 260px left
+ wait.until(
lambda: dash_dcc.wait_for_element("#graph svg.main-svg").size.get("height", -1)
== resize_height,
- lambda: "resized graph height {}, expected {}".format(
- dash_dcc.wait_for_element("#graph svg.main-svg").size.get("height", -1),
- resize_height,
- ),
+ 3,
)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/graph/test_graph_varia.py b/tests/integration/graph/test_graph_varia.py
index a7d6bb647..1bd9d2f8b 100644
--- a/tests/integration/graph/test_graph_varia.py
+++ b/tests/integration/graph/test_graph_varia.py
@@ -73,6 +73,8 @@ def update_graph(n_clicks):
"candlestick - 2 click ({})".format("eager" if is_eager else "lazy")
)
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_grva002_graphs_with_different_figures(dash_dcc, is_eager):
@@ -120,7 +122,8 @@ def test_grva002_graphs_with_different_figures(dash_dcc, is_eager):
)
@app.callback(
- Output("restyle-data", "children"), [Input("example-graph", "restyleData")],
+ Output("restyle-data", "children"),
+ [Input("example-graph", "restyleData")],
)
def show_restyle_data(data):
if data is None: # ignore initial
@@ -128,7 +131,8 @@ def show_restyle_data(data):
return json.dumps(data)
@app.callback(
- Output("relayout-data", "children"), [Input("example-graph", "relayoutData")],
+ Output("relayout-data", "children"),
+ [Input("example-graph", "relayoutData")],
)
def show_relayout_data(data):
if data is None or "autosize" in data: # ignore initial & auto width
@@ -158,6 +162,8 @@ def show_relayout_data(data):
autoscale.click()
dash_dcc.wait_for_text_to_equal("#relayout-data", '{"xaxis.autorange": true}')
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_grva003_empty_graph(dash_dcc, is_eager):
@@ -191,6 +197,8 @@ def render_content(click, prev_graph):
"render-empty-graph ({})".format("eager" if is_eager else "lazy")
)
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_grva004_graph_prepend_trace(dash_dcc, is_eager):
@@ -343,7 +351,12 @@ def display_data(trigger, fig):
)
comparison = json.dumps(
- [dict(x=[5, 6, 7, 8, 9, 10, 11], y=[0.1, 0.2, 0.3, 0.4, 0.5, 0, 0.5],)]
+ [
+ dict(
+ x=[5, 6, 7, 8, 9, 10, 11],
+ y=[0.1, 0.2, 0.3, 0.4, 0.5, 0, 0.5],
+ )
+ ]
)
dash_dcc.wait_for_text_to_equal(
"#output_trace_will_prepend_with_max_points", comparison
@@ -356,6 +369,8 @@ def display_data(trigger, fig):
"#output_trace_will_allow_repeated_prepend", comparison
)
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_grva005_graph_extend_trace(dash_dcc, is_eager):
@@ -506,7 +521,12 @@ def display_data(trigger, fig):
dash_dcc.wait_for_text_to_equal("#output_trace_will_extend_selectively", comparison)
comparison = json.dumps(
- [dict(x=[3, 4, 5, 6, 7, 8, 9], y=[0.5, 0, 0.1, 0.2, 0.3, 0.4, 0.5],)]
+ [
+ dict(
+ x=[3, 4, 5, 6, 7, 8, 9],
+ y=[0.5, 0, 0.1, 0.2, 0.3, 0.4, 0.5],
+ )
+ ]
)
dash_dcc.wait_for_text_to_equal(
"#output_trace_will_extend_with_max_points", comparison
@@ -519,6 +539,8 @@ def display_data(trigger, fig):
"#output_trace_will_allow_repeated_extend", comparison
)
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_grva006_unmounted_graph_resize(dash_dcc, is_eager):
@@ -612,12 +634,11 @@ def test_grva006_unmounted_graph_resize(dash_dcc, is_eager):
# resize
dash_dcc.driver.set_window_size(800, 600)
- for entry in dash_dcc.get_logs():
- raise Exception("browser error logged during test", entry)
-
# set back to original size
dash_dcc.driver.set_window_size(window_size["width"], window_size["height"])
+ assert dash_dcc.get_logs() == []
+
def test_grva007_external_plotlyjs_prevents_lazy(dash_dcc):
app = dash.Dash(
@@ -659,6 +680,8 @@ def load_chart(n_clicks):
assert findSyncPlotlyJs(scripts) is None
assert findAsyncPlotlyJs(scripts) is None
+ assert dash_dcc.get_logs() == []
+
def test_grva008_shapes_not_lost(dash_dcc):
# See issue #879 and pr #905
@@ -714,6 +737,8 @@ def test_grva008_shapes_not_lost(dash_dcc):
button.click()
dash_dcc.wait_for_text_to_equal("#output", "2")
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("mutate_fig", [True, False])
def test_grva009_originals_maintained_for_responsive_override(mutate_fig, dash_dcc):
@@ -823,3 +848,5 @@ def graph_dims():
dash_dcc.wait_for_text_to_equal("#output", "3 true")
dash_dcc.wait_for_text_to_equal(".gtitle", "3")
assert graph_dims() == responsive_size
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/input/test_input_and_state.py b/tests/integration/input/test_input_and_state.py
index 8a1badf34..7a3daed0b 100644
--- a/tests/integration/input/test_input_and_state.py
+++ b/tests/integration/input/test_input_and_state.py
@@ -59,3 +59,5 @@ def update_output(input, state):
assert dash_dcc.wait_for_text_to_equal(
"#output", 'input="Initial Inputxy", state="Initial Statex"'
), "input value triggers callback, and the last state change is kept"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/input/test_input_basics.py b/tests/integration/input/test_input_basics.py
index c95520250..39e504fb2 100644
--- a/tests/integration/input/test_input_basics.py
+++ b/tests/integration/input/test_input_basics.py
@@ -56,6 +56,8 @@ def cb_render(*vals):
dash_dcc.percy_snapshot("inbs001 - callback output rendering")
+ assert dash_dcc.get_logs() == []
+
def test_inbs002_user_class(dash_dcc):
app = dash.Dash(__name__, assets_folder="../../assets")
@@ -66,3 +68,5 @@ def test_inbs002_user_class(dash_dcc):
dash_dcc.find_element(".test-input-css")
dash_dcc.percy_snapshot("styled input - width: 100%, border-color: hotpink")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/input/test_number_input.py b/tests/integration/input/test_number_input.py
index 6c6d6df8d..62e5fc418 100644
--- a/tests/integration/input/test_number_input.py
+++ b/tests/integration/input/test_number_input.py
@@ -25,6 +25,8 @@ def test_inni001_invalid_numbers(ninput_app, dash_dcc):
dash_dcc.clear_input(elem)
+ assert dash_dcc.get_logs() == []
+
def test_inni002_invalid_numbers_ui(dash_dcc, ninput_app):
dash_dcc.start_server(ninput_app)
@@ -41,6 +43,8 @@ def test_inni002_invalid_numbers_ui(dash_dcc, ninput_app):
time.sleep(0.5)
dash_dcc.percy_snapshot("inni002 - input invalid number")
+ assert dash_dcc.get_logs() == []
+
def test_inni003_invalid_numbers_range(dash_dcc, input_range_app):
dash_dcc.start_server(input_range_app) # range [10, 10000] step=3
@@ -60,6 +64,8 @@ def test_inni003_invalid_numbers_range(dash_dcc, input_range_app):
time.sleep(0.5)
dash_dcc.percy_snapshot("inni003 - number out of range")
+ assert dash_dcc.get_logs() == []
+
def test_inni010_valid_numbers(dash_dcc, ninput_app):
dash_dcc.start_server(ninput_app)
@@ -76,3 +82,5 @@ def test_inni010_valid_numbers(dash_dcc, ninput_app):
"#div_false", str(op(num))
), "the valid number should be converted to expected form in callback"
dash_dcc.clear_input(elem)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/interval/test_interval.py b/tests/integration/interval/test_interval.py
new file mode 100644
index 000000000..85153a479
--- /dev/null
+++ b/tests/integration/interval/test_interval.py
@@ -0,0 +1,79 @@
+import dash
+from dash.testing import wait
+from dash.dependencies import Input, Output
+import dash_core_components as dcc
+import dash_html_components as html
+import time
+
+
+def test_intv001_interval(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Div(id="output"),
+ dcc.Interval(id="interval", interval=1, max_intervals=2),
+ ]
+ )
+
+ @app.callback(Output("output", "children"), [Input("interval", "n_intervals")])
+ def update_text(n):
+ return "{}".format(n)
+
+ dash_dcc.start_server(app)
+
+ time.sleep(5)
+
+ dash_dcc.wait_for_text_to_equal("#output", "2")
+ assert dash_dcc.get_logs() == []
+
+
+def test_intv002_restart(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ dcc.Interval(
+ id="interval",
+ interval=100,
+ n_intervals=0,
+ max_intervals=-1,
+ ),
+ html.Button("Start", id="start", n_clicks_timestamp=-1),
+ html.Button("Stop", id="stop", n_clicks_timestamp=-1),
+ html.Div(id="output"),
+ ]
+ )
+
+ @app.callback(
+ Output("interval", "max_intervals"),
+ [
+ Input("start", "n_clicks_timestamp"),
+ Input("stop", "n_clicks_timestamp"),
+ ],
+ )
+ def start_stop(start, stop):
+ if start < stop:
+ return 0
+ else:
+ return -1
+
+ @app.callback(Output("output", "children"), [Input("interval", "n_intervals")])
+ def display_data(n_intervals):
+ return "Updated {}".format(n_intervals)
+
+ dash_dcc.start_server(app)
+
+ wait.until(lambda: dash_dcc.find_element("#output").text != "Updated 0", 3)
+ dash_dcc.find_element("#stop").click()
+ time.sleep(2)
+
+ text_now = dash_dcc.find_element("#output").text
+ time.sleep(2)
+ text_later = dash_dcc.find_element("#output").text
+
+ assert text_now == text_later
+
+ dash_dcc.find_element("#start").click()
+
+ wait.until(lambda: dash_dcc.find_element("#output").text != text_later, 3)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/link/test_absolute_path.py b/tests/integration/link/test_absolute_path.py
index 8348eb994..7fe71983d 100644
--- a/tests/integration/link/test_absolute_path.py
+++ b/tests/integration/link/test_absolute_path.py
@@ -26,6 +26,8 @@ def display_children(children):
dash_dcc.wait_for_text_to_equal("#content", "/google.com")
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.DCC782
def test_lipa002_path(dash_dcc):
@@ -52,3 +54,5 @@ def test_lipa002_path(dash_dcc):
)
assert location == "https://www.google.com/"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/link/test_link_children.py b/tests/integration/link/test_link_children.py
index dfb50c3f8..e179896a9 100644
--- a/tests/integration/link/test_link_children.py
+++ b/tests/integration/link/test_link_children.py
@@ -19,6 +19,8 @@ def test_lich001_default(dash_dcc):
dash_dcc.wait_for_text_to_equal("#link1", "/page-1")
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.DCC776
def test_lich002_children(dash_dcc):
@@ -38,3 +40,5 @@ def display_children(children):
dash_dcc.start_server(app)
dash_dcc.wait_for_text_to_equal("#content", "test children")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/link/test_link_event.py b/tests/integration/link/test_link_event.py
index bef382080..c87904b82 100644
--- a/tests/integration/link/test_link_event.py
+++ b/tests/integration/link/test_link_event.py
@@ -1,4 +1,7 @@
+from multiprocessing import Value
+from selenium.webdriver.common.keys import Keys
import dash
+from dash.testing import wait
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
@@ -56,3 +59,45 @@ def display_page(pathname):
assert link_counter == 1
assert history_counter == 1
+
+ assert dash_dcc.get_logs() == []
+
+
+def test_link002_scroll(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ dcc.Location(id="test-url", refresh=False),
+ html.Div(
+ id="push-to-bottom",
+ children=[],
+ style={"display": "block", "height": "200vh"},
+ ),
+ html.Div(id="page-content"),
+ dcc.Link("Test link", href="/test-link", id="test-link"),
+ ]
+ )
+
+ call_count = Value("i", 0)
+
+ @app.callback(Output("page-content", "children"), [Input("test-url", "pathname")])
+ def display_page(pathname):
+ call_count.value = call_count.value + 1
+ return "You are on page {}".format(pathname)
+
+ dash_dcc.start_server(app)
+
+ wait.until(lambda: call_count.value == 1, 3)
+
+ test_link = dash_dcc.wait_for_element("#test-link")
+ test_link.send_keys(Keys.NULL)
+ test_link.click()
+
+ dash_dcc.wait_for_text_to_equal("#page-content", "You are on page /test-link")
+
+ wait.until(
+ lambda: test_link.get_attribute("href") == "http://localhost:8050/test-link", 3
+ )
+ wait.until(lambda: call_count.value == 2, 3)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/link/test_title_prop.py b/tests/integration/link/test_title_prop.py
index b1480d1dd..c977e09ac 100644
--- a/tests/integration/link/test_title_prop.py
+++ b/tests/integration/link/test_title_prop.py
@@ -27,3 +27,5 @@ def display_title(title):
title_exists = dash_dcc.find_element("#link1").get_attribute("title")
assert title_exists == "This is a test title!"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/loading/test_loading_component.py b/tests/integration/loading/test_loading_component.py
index 11ba9fdbb..ac37814d2 100644
--- a/tests/integration/loading/test_loading_component.py
+++ b/tests/integration/loading/test_loading_component.py
@@ -2,6 +2,7 @@
import dash
from dash.dependencies import Input, Output
+from dash.testing import wait
import dash_core_components as dcc
import dash_html_components as html
@@ -28,7 +29,7 @@ def updateDiv(children):
dash_dcc.wait_for_text_to_equal("#div-1", "content")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp002_loading_component_action(dash_dcc):
@@ -60,7 +61,7 @@ def updateDiv(n_clicks):
dash_dcc.wait_for_text_to_equal("#div-1", "changed")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp003_multiple_loading_components(dash_dcc):
@@ -113,7 +114,7 @@ def updateDiv(n_clicks):
dash_dcc.wait_for_text_to_equal("#btn-1", "changed 1")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp004_nested_loading_components(dash_dcc):
@@ -171,7 +172,7 @@ def updateDiv(n_clicks):
dash_dcc.wait_for_text_to_equal("#btn-1", "changed 1")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp005_dynamic_loading_component(dash_dcc):
@@ -220,7 +221,7 @@ def updateDynamic(n_clicks):
dash_dcc.wait_for_text_to_equal("#btn-3", "changed")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp006_children_identity(dash_dcc):
@@ -264,7 +265,9 @@ def get_graph_visibility():
"return gd_ === window.gd && gd_.__test__ === 'boo';"
)
- assert len(dash_dcc.find_elements(".js-plotly-plot .bars path")) == 3
+ wait.until(
+ lambda: len(dash_dcc.find_elements(".js-plotly-plot .bars path")) == 3, 3
+ )
assert dash_dcc.driver.execute_script(test_identity)
assert get_graph_visibility() == "visible"
@@ -275,10 +278,14 @@ def get_graph_visibility():
assert dash_dcc.driver.execute_script(test_identity)
assert get_graph_visibility() == "hidden"
- assert len(dash_dcc.find_elements(".js-plotly-plot .bars path")) == 4
+ wait.until(
+ lambda: len(dash_dcc.find_elements(".js-plotly-plot .bars path")) == 4, 3
+ )
assert dash_dcc.driver.execute_script(test_identity)
assert get_graph_visibility() == "visible"
+ assert dash_dcc.get_logs() == []
+
def test_ldcp007_class_and_style_props(dash_dcc):
lock = Lock()
@@ -321,7 +328,7 @@ def updateDiv(n_clicks):
".spinner-class", "background-color", "rgba(255, 192, 203, 1)"
)
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_ldcp008_graph_in_loading_fits_container_height(dash_dcc):
@@ -362,4 +369,4 @@ def test_ldcp008_graph_in_loading_fits_container_height(dash_dcc):
"height"
) == dash_dcc.wait_for_element(".outer-container").size.get("height")
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/location/test_location_callback.py b/tests/integration/location/test_location_callback.py
index 2e1bd356f..87c84667f 100644
--- a/tests/integration/location/test_location_callback.py
+++ b/tests/integration/location/test_location_callback.py
@@ -26,6 +26,8 @@ def update_path(path):
dash_dcc.wait_for_text_to_equal("#div", "/")
+ assert dash_dcc.get_logs() == []
+
def test_loca002_location_link(dash_dcc):
app = dash.Dash(__name__)
@@ -139,3 +141,5 @@ def update_pathname(n_clicks, current_pathname):
dash_dcc.wait_for_text_to_equal("#test-search", "?queryA=valueA")
dash_dcc.wait_for_text_to_equal("#test-hash", "")
dash_dcc.percy_snapshot("link -- /test/pathname/a?queryA=valueA")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/location/test_location_logout.py b/tests/integration/location/test_location_logout.py
new file mode 100644
index 000000000..79057c05c
--- /dev/null
+++ b/tests/integration/location/test_location_logout.py
@@ -0,0 +1,50 @@
+import dash
+from dash.dependencies import Input, Output
+from dash.exceptions import PreventUpdate
+import dash_core_components as dcc
+import dash_html_components as html
+import flask
+import time
+
+
+def test_llgo001_location_logout(dash_dcc):
+ app = dash.Dash(__name__)
+
+ @app.server.route("/_logout", methods=["POST"])
+ def on_logout():
+ rep = flask.redirect("/logged-out")
+ rep.set_cookie("logout-cookie", "", 0)
+ return rep
+
+ app.layout = html.Div(
+ [html.H2("Logout test"), dcc.Location(id="location"), html.Div(id="content")]
+ )
+
+ @app.callback(Output("content", "children"), [Input("location", "pathname")])
+ def on_location(location_path):
+ if location_path is None:
+ raise PreventUpdate
+
+ if "logged-out" in location_path:
+ return "Logged out"
+ else:
+
+ @flask.after_this_request
+ def _insert_cookie(rep):
+ rep.set_cookie("logout-cookie", "logged-in")
+ return rep
+
+ return dcc.LogoutButton(id="logout-btn", logout_url="/_logout")
+
+ dash_dcc.start_server(app)
+ time.sleep(1)
+ dash_dcc.percy_snapshot("Logout button")
+
+ assert dash_dcc.driver.get_cookie("logout-cookie")["value"] == "logged-in"
+
+ dash_dcc.wait_for_element("#logout-btn").click()
+ dash_dcc.wait_for_text_to_equal("#content", "Logged out")
+
+ assert not dash_dcc.driver.get_cookie("logout-cookie")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/markdown/test_markdown.py b/tests/integration/markdown/test_markdown.py
index 2a8823658..be5e94a13 100644
--- a/tests/integration/markdown/test_markdown.py
+++ b/tests/integration/markdown/test_markdown.py
@@ -4,7 +4,7 @@
def test_mkdw001_img(dash_dcc):
- app = dash.Dash(__name__, eager_loading=True)
+ app = dash.Dash(__name__, eager_loading=True, assets_folder="../../assets")
app.layout = html.Div(
[
@@ -20,9 +20,11 @@ def test_mkdw001_img(dash_dcc):
dash_dcc.start_server(app)
dash_dcc.percy_snapshot("mkdw001 - image display")
+ assert dash_dcc.get_logs() == []
+
def test_mkdw002_dcclink(dash_dcc):
- app = dash.Dash(__name__, eager_loading=True)
+ app = dash.Dash(__name__, eager_loading=True, assets_folder="../../assets")
app.layout = html.Div(
[
@@ -91,3 +93,5 @@ def test_mkdw002_dcclink(dash_dcc):
dash_dcc.start_server(app)
dash_dcc.percy_snapshot("mkdw002 - markdowns display")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/misc/conftest.py b/tests/integration/misc/conftest.py
index 145eed2d9..1359d95b4 100644
--- a/tests/integration/misc/conftest.py
+++ b/tests/integration/misc/conftest.py
@@ -90,7 +90,10 @@ def platter_app():
dcc.Input(value="", placeholder="type here", id="textinput"),
html.Label("Disabled Text Input"),
dcc.Input(
- value="disabled", type="text", id="disabled-textinput", disabled=True,
+ value="disabled",
+ type="text",
+ id="disabled-textinput",
+ disabled=True,
),
html.Label("Slider"),
dcc.Slider(
diff --git a/tests/integration/misc/test_markdown_highlight.py b/tests/integration/misc/test_markdown_highlight.py
index 005d04350..a8e77da52 100644
--- a/tests/integration/misc/test_markdown_highlight.py
+++ b/tests/integration/misc/test_markdown_highlight.py
@@ -22,6 +22,8 @@ def test_msmh001_no_window_variable(dash_dcc):
window_hljs = dash_dcc.driver.execute_script("return window.hljs")
assert window_hljs is None
+ assert dash_dcc.get_logs() == []
+
def test_msmh002_window_override(dash_dcc):
app = dash.Dash(__name__)
@@ -38,9 +40,11 @@ def trigger_md_rerender(nclicks):
dash_dcc.start_server(app)
dash_dcc.driver.execute_script(
- 'window.hljs = {highlightBlock: (block) => {block.innerHTML="hljs override"}};'
+ 'window.hljs = {highlightElement: (block) => {block.innerHTML="hljs override"}};'
)
dash_dcc.find_element("#md-trigger").click()
dash_dcc.wait_for_text_to_equal("#md-container code", "hljs override")
dash_dcc.percy_snapshot("md_code_highlight_override")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/misc/test_persistence.py b/tests/integration/misc/test_persistence.py
index 9f299fa9a..39870ff89 100644
--- a/tests/integration/misc/test_persistence.py
+++ b/tests/integration/misc/test_persistence.py
@@ -175,3 +175,5 @@ def make_output(*args):
# now reload the page - all of these settings should persist
dash_dcc.wait_for_page()
dash_dcc.wait_for_text_to_equal("#settings", json.dumps(edited_settings))
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/misc/test_platter.py b/tests/integration/misc/test_platter.py
index 298f117a7..d3878db19 100644
--- a/tests/integration/misc/test_platter.py
+++ b/tests/integration/misc/test_platter.py
@@ -74,3 +74,5 @@ def reset_input(elem):
"but initial month is"
)
reset_input(dt_input_4)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/sliders/test_sliders.py b/tests/integration/sliders/test_sliders.py
index d28c0429c..8d96df4a8 100644
--- a/tests/integration/sliders/test_sliders.py
+++ b/tests/integration/sliders/test_sliders.py
@@ -1,3 +1,4 @@
+from multiprocessing import Lock
import dash
from dash.dependencies import Input, Output
import dash_html_components as html
@@ -33,6 +34,8 @@ def update_output(value):
dash_dcc.click_at_coord_fractions(slider, 0.75, 0.25)
dash_dcc.wait_for_text_to_equal("#out", "You have selected 15")
+ assert dash_dcc.get_logs() == []
+
def test_slsl002_always_visible_rangeslider(dash_dcc):
app = dash.Dash(__name__)
@@ -64,6 +67,8 @@ def update_output(rng):
dash_dcc.click_at_coord_fractions(slider, 0.5, 0.25)
dash_dcc.wait_for_text_to_equal("#out", "You have selected 2-10")
+ assert dash_dcc.get_logs() == []
+
def test_slsl003_out_of_range_marks_slider(dash_dcc):
@@ -80,6 +85,8 @@ def test_slsl003_out_of_range_marks_slider(dash_dcc):
assert len(dash_dcc.find_elements("span.rc-slider-mark-text")) == 6
+ assert dash_dcc.get_logs() == []
+
def test_slsl004_out_of_range_marks_rangeslider(dash_dcc):
@@ -96,6 +103,8 @@ def test_slsl004_out_of_range_marks_rangeslider(dash_dcc):
assert len(dash_dcc.find_elements("span.rc-slider-mark-text")) == 6
+ assert dash_dcc.get_logs() == []
+
def test_slsl005_slider_tooltip(dash_dcc):
app = dash.Dash(__name__)
@@ -150,7 +159,7 @@ def test_slsl005_slider_tooltip(dash_dcc):
style=dict(height=100),
),
],
- style=dict(maxHeight=300, overflowX="scroll"),
+ style=dict(maxHeight=300, overflowX="scroll", width=400),
)
]
)
@@ -161,8 +170,10 @@ def test_slsl005_slider_tooltip(dash_dcc):
"slider-make sure tooltips are only visible if parent slider is visible"
)
+ assert dash_dcc.get_logs() == []
+
-def test_slsl005_rangeslider_tooltip(dash_dcc):
+def test_slsl006_rangeslider_tooltip(dash_dcc):
app = dash.Dash(__name__)
app.layout = html.Div(
[
@@ -216,7 +227,10 @@ def test_slsl005_rangeslider_tooltip(dash_dcc):
),
],
style=dict(
- maxHeight=300, overflowX="scroll", backgroundColor="#edf9f7"
+ maxHeight=300,
+ overflowX="scroll",
+ backgroundColor="#edf9f7",
+ width=400,
),
)
]
@@ -224,10 +238,10 @@ def test_slsl005_rangeslider_tooltip(dash_dcc):
dash_dcc.start_server(app)
dash_dcc.wait_for_element("#test-slider")
- dash_dcc.percy_snapshot("slsl005- dcc.RangeSlider tooltip position")
+ dash_dcc.percy_snapshot("slsl006- dcc.RangeSlider tooltip position")
-def test_slsl006_drag_value_slider(dash_dcc):
+def test_slsl007_drag_value_slider(dash_dcc):
app = dash.Dash(__name__)
app.layout = html.Div(
[
@@ -267,8 +281,10 @@ def update_output(value):
dash_dcc.release()
dash_dcc.wait_for_text_to_equal("#out-value", "You have selected 10")
+ assert dash_dcc.get_logs() == []
+
-def test_slsl007_drag_value_rangeslider(dash_dcc):
+def test_slsl008_drag_value_rangeslider(dash_dcc):
app = dash.Dash(__name__)
app.layout = html.Div(
[
@@ -306,3 +322,207 @@ def update_output(value):
dash_dcc.wait_for_text_to_equal("#out-value", "You have selected 5-15")
dash_dcc.release()
dash_dcc.wait_for_text_to_equal("#out-value", "You have selected 10-15")
+
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl009_loading_state(dash_dcc):
+ lock = Lock()
+
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Button(id="test-btn"),
+ html.Label(id="test-div", children=["Horizontal Slider"]),
+ dcc.Slider(
+ id="horizontal-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=5,
+ ),
+ ]
+ )
+
+ @app.callback(Output("horizontal-slider", "value"), [Input("test-btn", "n_clicks")])
+ def user_delayed_value(n_clicks):
+ with lock:
+ return 5
+
+ with lock:
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element('#horizontal-slider[data-dash-is-loading="true"]')
+
+ dash_dcc.wait_for_element('#horizontal-slider:not([data-dash-is-loading="true"])')
+
+ with lock:
+ dash_dcc.wait_for_element("#test-btn").click()
+ dash_dcc.wait_for_element('#horizontal-slider[data-dash-is-loading="true"]')
+
+ dash_dcc.wait_for_element('#horizontal-slider:not([data-dash-is-loading="true"])')
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl010_range_loading_state(dash_dcc):
+ lock = Lock()
+
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Button(id="test-btn"),
+ html.Label(id="test-div", children=["Horizontal Range Slider"]),
+ dcc.RangeSlider(
+ id="horizontal-range-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=[4, 6],
+ ),
+ ]
+ )
+
+ @app.callback(
+ Output("horizontal-range-slider", "value"), [Input("test-btn", "n_clicks")]
+ )
+ def delayed_value(children):
+ with lock:
+ return [4, 6]
+
+ with lock:
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider[data-dash-is-loading="true"]'
+ )
+
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider:not([data-dash-is-loading="true"])'
+ )
+
+ with lock:
+ dash_dcc.wait_for_element("#test-btn").click()
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider[data-dash-is-loading="true"]'
+ )
+
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider:not([data-dash-is-loading="true"])'
+ )
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl011_horizontal_slider(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Label("Horizontal Slider"),
+ dcc.Slider(
+ id="horizontal-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=5,
+ ),
+ ]
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#horizontal-slider")
+ dash_dcc.percy_snapshot("horizontal slider")
+
+ dash_dcc.wait_for_element('#horizontal-slider div[role="slider"]').click()
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl012_vertical_slider(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Label("Vertical Slider"),
+ dcc.Slider(
+ id="vertical-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=5,
+ vertical=True,
+ ),
+ ],
+ style={"height": "500px"},
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#vertical-slider")
+ dash_dcc.percy_snapshot("vertical slider")
+
+ dash_dcc.wait_for_element('#vertical-slider div[role="slider"]').click()
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl013_horizontal_range_slider(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Label("Horizontal Range Slider"),
+ dcc.RangeSlider(
+ id="horizontal-range-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=[4, 6],
+ ),
+ ]
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#horizontal-range-slider")
+ dash_dcc.percy_snapshot("horizontal range slider")
+
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider div.rc-slider-handle-1[role="slider"]'
+ ).click()
+ dash_dcc.wait_for_element(
+ '#horizontal-range-slider div.rc-slider-handle-2[role="slider"]'
+ ).click()
+ assert dash_dcc.get_logs() == []
+
+
+def test_slsl014_vertical_range_slider(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.Label("Vertical Range Slider"),
+ dcc.RangeSlider(
+ id="vertical-range-slider",
+ min=0,
+ max=9,
+ marks={
+ i: "Label {}".format(i) if i == 1 else str(i) for i in range(1, 6)
+ },
+ value=[4, 6],
+ vertical=True,
+ ),
+ ],
+ style={"height": "500px"},
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#vertical-range-slider")
+ dash_dcc.percy_snapshot("vertical range slider")
+
+ dash_dcc.wait_for_element(
+ '#vertical-range-slider div.rc-slider-handle-1[role="slider"]'
+ ).click()
+ dash_dcc.wait_for_element(
+ '#vertical-range-slider div.rc-slider-handle-2[role="slider"]'
+ ).click()
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/store/test_component_props.py b/tests/integration/store/test_component_props.py
index 4cf8167ac..89f30cd1a 100644
--- a/tests/integration/store/test_component_props.py
+++ b/tests/integration/store/test_component_props.py
@@ -28,6 +28,8 @@ def test_stcp001_clear_data_on_all_types(store_app, dash_dcc):
and not dash_dcc.get_session_storage()
), "set clear_data=True should clear all data in three storage types"
+ assert dash_dcc.get_logs() == []
+
def test_stcp002_modified_ts(store_app, dash_dcc):
app = dash.Dash(__name__)
@@ -40,7 +42,8 @@ def test_stcp002_modified_ts(store_app, dash_dcc):
)
@app.callback(
- Output("initial-storage", "data"), [Input("set-init-storage", "n_clicks")],
+ Output("initial-storage", "data"),
+ [Input("set-init-storage", "n_clicks")],
)
def on_init(n_clicks):
if n_clicks is None:
@@ -74,6 +77,8 @@ def init_output(ts, data):
output_data.get("ts"), abs=40
), "the modified_timestamp should be updated right after the click action"
+ assert dash_dcc.get_logs() == []
+
def test_stcp003_initial_falsy(dash_dcc):
app = dash.Dash(__name__)
@@ -113,7 +118,7 @@ def test_stcp003_initial_falsy(dash_dcc):
assert getter("null-" + storage_type) is None, storage_type
assert getter("empty-" + storage_type) == "", storage_type
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
def test_stcp004_remount_store_component(dash_dcc):
@@ -201,4 +206,4 @@ def on_click(n_clicks):
"#output", '[{"n_clicks": 1}, {"n_clicks": 1}, {"n_clicks": 1}]'
)
- assert not dash_dcc.get_logs()
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/store/test_data_lifecycle.py b/tests/integration/store/test_data_lifecycle.py
index e7ffafbaa..cff132a9b 100644
--- a/tests/integration/store/test_data_lifecycle.py
+++ b/tests/integration/store/test_data_lifecycle.py
@@ -40,3 +40,5 @@ def test_stdl001_data_lifecycle_with_different_condition(store_app, dash_dcc):
assert dash_dcc.get_session_storage() == {
"n_clicks": nclicks
}, "session storage should be specific per browser tab window"
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/store/test_store_data.py b/tests/integration/store/test_store_data.py
index 9d465fbb9..463e3f8af 100644
--- a/tests/integration/store/test_store_data.py
+++ b/tests/integration/store/test_store_data.py
@@ -63,6 +63,8 @@ def on_click(n_clicks):
button.click()
dash_dcc.wait_for_text_to_equal("#output", json.dumps(data_type[1]))
+ assert dash_dcc.get_logs() == []
+
def test_stda002_nested_data(dash_dcc):
app = dash.Dash(__name__)
@@ -118,6 +120,8 @@ def on_ts(ts, data):
list_btn.click()
dash_dcc.wait_for_text_to_equal("#output", json.dumps(nested_list))
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.skipif(
sys.version_info < (3, 6),
@@ -159,3 +163,5 @@ def on_click(n_clicks):
dash_dcc.find_element("#btn").click()
dash_dcc.wait_for_text_to_equal("#out", fingerprint(csv_5mb))
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/tab/test_tabs.py b/tests/integration/tab/test_tabs.py
new file mode 100644
index 000000000..3ad5f973a
--- /dev/null
+++ b/tests/integration/tab/test_tabs.py
@@ -0,0 +1,162 @@
+import dash
+from dash.dependencies import Input, Output
+import dash_core_components as dcc
+import dash_html_components as html
+
+
+def test_tabs001_in_vertical_mode(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ dcc.Tabs(
+ id="tabs",
+ value="tab-3",
+ children=[
+ dcc.Tab(
+ label="Tab one",
+ value="tab-1",
+ id="tab-1",
+ children=[html.Div("Tab One Content")],
+ ),
+ dcc.Tab(
+ label="Tab two",
+ value="tab-2",
+ id="tab-2",
+ children=[html.Div("Tab Two Content")],
+ ),
+ dcc.Tab(
+ label="Tab three",
+ value="tab-3",
+ id="tab-3",
+ children=[html.Div("Tab Three Content")],
+ ),
+ ],
+ vertical=True,
+ ),
+ html.Div(id="tabs-content"),
+ ]
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_text_to_equal("#tab-3", "Tab three")
+ dash_dcc.percy_snapshot("Tabs - vertical mode")
+ assert dash_dcc.get_logs() == []
+
+
+def test_tabs002_without_children(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.H1("Dash Tabs component demo"),
+ dcc.Tabs(
+ id="tabs",
+ value="tab-2",
+ children=[
+ dcc.Tab(label="Tab one", value="tab-1", id="tab-1"),
+ dcc.Tab(label="Tab two", value="tab-2", id="tab-2"),
+ ],
+ ),
+ html.Div(id="tabs-content"),
+ ]
+ )
+
+ @app.callback(
+ dash.dependencies.Output("tabs-content", "children"),
+ [dash.dependencies.Input("tabs", "value")],
+ )
+ def render_content(tab):
+ if tab == "tab-1":
+ return html.Div([html.H3("Test content 1")], id="test-tab-1")
+ elif tab == "tab-2":
+ return html.Div([html.H3("Test content 2")], id="test-tab-2")
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_text_to_equal("#tabs-content", "Test content 2")
+ dash_dcc.percy_snapshot("initial tab - tab 2")
+
+ dash_dcc.wait_for_element("#tab-1").click()
+ dash_dcc.wait_for_text_to_equal("#tabs-content", "Test content 1")
+ assert dash_dcc.get_logs() == []
+
+
+def test_tabs003_without_children_undefined(dash_dcc):
+ app = dash.Dash(__name__)
+ app.layout = html.Div(
+ [
+ html.H1("Dash Tabs component demo"),
+ dcc.Tabs(id="tabs", value="tab-1"),
+ html.Div(id="tabs-content"),
+ ]
+ )
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_element("#tabs-content")
+ dash_dcc.percy_snapshot("Tabs component with children undefined")
+ assert dash_dcc.get_logs() == []
+
+
+def test_tabs004_without_value(dash_dcc):
+ app = dash.Dash(__name__)
+
+ app.layout = html.Div(
+ [
+ html.H1("Dash Tabs component demo"),
+ dcc.Tabs(
+ id="tabs-without-value",
+ children=[
+ dcc.Tab(label="Tab One", value="tab-1"),
+ dcc.Tab(label="Tab Two", value="tab-2"),
+ ],
+ ),
+ html.Div(id="tabs-content"),
+ ]
+ )
+
+ @app.callback(
+ Output("tabs-content", "children"), [Input("tabs-without-value", "value")]
+ )
+ def render_content(tab):
+ if tab == "tab-1":
+ return html.H3("Default selected Tab content 1")
+ elif tab == "tab-2":
+ return html.H3("Tab content 2")
+
+ dash_dcc.start_server(app)
+ dash_dcc.wait_for_text_to_equal("#tabs-content", "Default selected Tab content 1")
+ dash_dcc.percy_snapshot("Tab 1 should be selected by default")
+ assert dash_dcc.get_logs() == []
+
+
+def test_tabs005_disabled(dash_dcc):
+ app = dash.Dash(__name__, assets_folder="../../assets")
+ app.layout = html.Div(
+ [
+ html.H1("Dash Tabs component with disabled tab demo"),
+ dcc.Tabs(
+ id="tabs-example",
+ value="tab-2",
+ children=[
+ dcc.Tab(
+ label="Disabled Tab",
+ value="tab-1",
+ id="tab-1",
+ className="test-custom-tab",
+ disabled=True,
+ ),
+ dcc.Tab(
+ label="Active Tab",
+ value="tab-2",
+ id="tab-2",
+ className="test-custom-tab",
+ ),
+ ],
+ ),
+ html.Div(id="tabs-content-example"),
+ ]
+ )
+
+ dash_dcc.start_server(app)
+
+ dash_dcc.wait_for_element("#tab-2")
+ dash_dcc.wait_for_element(".tab--disabled")
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/tab/test_tabs_with_graphs.py b/tests/integration/tab/test_tabs_with_graphs.py
index 5f5d6ba1c..af5945be9 100644
--- a/tests/integration/tab/test_tabs_with_graphs.py
+++ b/tests/integration/tab/test_tabs_with_graphs.py
@@ -38,7 +38,8 @@ def test_graph_does_not_resize_in_tabs(dash_dcc, is_eager):
)
@app.callback(
- Output("tabs-content-example", "children"), [Input("tabs-example", "value")],
+ Output("tabs-content-example", "children"),
+ [Input("tabs-example", "value")],
)
def render_content(tab):
if tab == "tab-1-example":
@@ -118,6 +119,8 @@ def render_content(tab):
)
)
+ assert dash_dcc.get_logs() == []
+
@pytest.mark.parametrize("is_eager", [True, False])
def test_tabs_render_without_selected(dash_dcc, is_eager):
@@ -193,6 +196,8 @@ def on_click_update_graph(n_clicks):
# and have access to Graph and plotly.js
check_graph_config_shape(dash_dcc)
+ assert dash_dcc.get_logs() == []
+
def check_graph_config_shape(dash_dcc):
config_schema = dash_dcc.driver.execute_script(
@@ -224,3 +229,5 @@ def crawl(schema, props):
crawl(item, props[item_name]["value"])
crawl(config_schema, config_prop_shape)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/upload/test_children_accept_any_component.py b/tests/integration/upload/test_children_accept_any_component.py
index 91d9cfac9..15b8c5216 100644
--- a/tests/integration/upload/test_children_accept_any_component.py
+++ b/tests/integration/upload/test_children_accept_any_component.py
@@ -35,3 +35,5 @@ def test_upca001_upload_children_gallery(dash_dcc):
dash_dcc.start_server(app)
time.sleep(0.5)
dash_dcc.percy_snapshot("upca001 children gallery")
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/integration/upload/test_upload_different_file_types.py b/tests/integration/upload/test_upload_different_file_types.py
index 2203f9c39..752745b45 100644
--- a/tests/integration/upload/test_upload_different_file_types.py
+++ b/tests/integration/upload/test_upload_different_file_types.py
@@ -50,7 +50,9 @@ def load_data_by_type(filetype, contents):
def test_upft001_test_upload_with_different_file_types(filetype, dash_dcc):
filepath = os.path.join(
- os.path.dirname(__file__), "upload-assets", "upft001.{}".format(filetype),
+ os.path.dirname(__file__),
+ "upload-assets",
+ "upft001.{}".format(filetype),
)
app = dash.Dash(__name__)
@@ -91,3 +93,5 @@ def update_output(contents):
dash_dcc.wait_for_text_to_equal("#raw-title", "Raw Content")
dash_dcc.percy_snapshot(filepath)
+
+ assert dash_dcc.get_logs() == []
diff --git a/tests/setupTests.js b/tests/setupTests.js
deleted file mode 100644
index a39643684..000000000
--- a/tests/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// setup file
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-configure({ adapter: new Adapter() });
\ No newline at end of file
diff --git a/tests/test_integration_1.py b/tests/test_integration_1.py
deleted file mode 100644
index b202f9d0f..000000000
--- a/tests/test_integration_1.py
+++ /dev/null
@@ -1,411 +0,0 @@
-# -*- coding: utf-8 -*-
-import os
-import sys
-from multiprocessing import Lock
-import time
-import dash
-from dash.dependencies import Input, Output
-import dash_html_components as html
-import dash_core_components as dcc
-from selenium.webdriver.common.by import By
-from selenium.webdriver.support.ui import WebDriverWait
-from selenium.webdriver.support import expected_conditions as EC
-
-from IntegrationTests import IntegrationTests
-
-TIMEOUT = 10
-
-
-class Test1(IntegrationTests):
- def setUp(self):
- pass
-
- def wait_for_element_by_css_selector(self, selector):
- return WebDriverWait(self.driver, TIMEOUT).until(
- EC.presence_of_element_located((By.CSS_SELECTOR, selector))
- )
-
- def wait_for_text_to_equal(self, selector, assertion_text):
- def text_equal(driver):
- text = driver.find_element_by_css_selector(selector).text
- return text == assertion_text
-
- WebDriverWait(self.driver, TIMEOUT).until(text_equal)
-
- def snapshot(self, name):
- if "PERCY_PROJECT" in os.environ and "PERCY_TOKEN" in os.environ:
- python_version = sys.version.split(" ")[0]
- print("Percy Snapshot {}".format(python_version))
- self.percy_runner.snapshot(name=name)
-
- def test_loading_slider(self):
- lock = Lock()
-
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Button(id="test-btn"),
- html.Label(id="test-div", children=["Horizontal Slider"]),
- dcc.Slider(
- id="horizontal-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=5,
- ),
- ]
- )
-
- @app.callback(
- Output("horizontal-slider", "value"), [Input("test-btn", "n_clicks")]
- )
- def user_delayed_value(n_clicks):
- with lock:
- return 5
-
- with lock:
- self.startServer(app)
-
- self.wait_for_element_by_css_selector(
- '#horizontal-slider[data-dash-is-loading="true"]'
- )
-
- self.wait_for_element_by_css_selector(
- '#horizontal-slider:not([data-dash-is-loading="true"])'
- )
-
- with lock:
- self.driver.find_element_by_id("test-btn").click()
-
- self.wait_for_element_by_css_selector(
- '#horizontal-slider[data-dash-is-loading="true"]'
- )
-
- self.wait_for_element_by_css_selector(
- '#horizontal-slider:not([data-dash-is-loading="true"])'
- )
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_horizontal_slider(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Label("Horizontal Slider"),
- dcc.Slider(
- id="horizontal-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=5,
- ),
- ]
- )
- self.startServer(app)
-
- self.wait_for_element_by_css_selector("#horizontal-slider")
- self.snapshot("horizontal slider")
-
- h_slider = self.driver.find_element_by_css_selector(
- '#horizontal-slider div[role="slider"]'
- )
- h_slider.click()
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_vertical_slider(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Label("Vertical Slider"),
- dcc.Slider(
- id="vertical-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=5,
- vertical=True,
- ),
- ],
- style={"height": "500px"},
- )
- self.startServer(app)
-
- self.wait_for_element_by_css_selector("#vertical-slider")
- self.snapshot("vertical slider")
-
- v_slider = self.driver.find_element_by_css_selector(
- '#vertical-slider div[role="slider"]'
- )
- v_slider.click()
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_loading_range_slider(self):
- lock = Lock()
-
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Button(id="test-btn"),
- html.Label(id="test-div", children=["Horizontal Range Slider"]),
- dcc.RangeSlider(
- id="horizontal-range-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=[4, 6],
- ),
- ]
- )
-
- @app.callback(
- Output("horizontal-range-slider", "value"), [Input("test-btn", "n_clicks")]
- )
- def delayed_value(children):
- with lock:
- return [4, 6]
-
- with lock:
- self.startServer(app)
-
- self.wait_for_element_by_css_selector(
- '#horizontal-range-slider[data-dash-is-loading="true"]'
- )
-
- self.wait_for_element_by_css_selector(
- '#horizontal-range-slider:not([data-dash-is-loading="true"])'
- )
-
- with lock:
- self.driver.find_element_by_id("test-btn").click()
-
- self.wait_for_element_by_css_selector(
- '#horizontal-range-slider[data-dash-is-loading="true"]'
- )
-
- self.wait_for_element_by_css_selector(
- '#horizontal-range-slider:not([data-dash-is-loading="true"])'
- )
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_horizontal_range_slider(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Label("Horizontal Range Slider"),
- dcc.RangeSlider(
- id="horizontal-range-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=[4, 6],
- ),
- ]
- )
- self.startServer(app)
-
- self.wait_for_element_by_css_selector("#horizontal-range-slider")
- self.snapshot("horizontal range slider")
-
- h_slider_1 = self.driver.find_element_by_css_selector(
- '#horizontal-range-slider div.rc-slider-handle-1[role="slider"]'
- )
- h_slider_1.click()
-
- h_slider_2 = self.driver.find_element_by_css_selector(
- '#horizontal-range-slider div.rc-slider-handle-2[role="slider"]'
- )
- h_slider_2.click()
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_vertical_range_slider(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Label("Vertical Range Slider"),
- dcc.RangeSlider(
- id="vertical-range-slider",
- min=0,
- max=9,
- marks={
- i: "Label {}".format(i) if i == 1 else str(i)
- for i in range(1, 6)
- },
- value=[4, 6],
- vertical=True,
- ),
- ],
- style={"height": "500px"},
- )
- self.startServer(app)
-
- self.wait_for_element_by_css_selector("#vertical-range-slider")
- self.snapshot("vertical range slider")
-
- v_slider_1 = self.driver.find_element_by_css_selector(
- '#vertical-range-slider div.rc-slider-handle-1[role="slider"]'
- )
- v_slider_1.click()
-
- v_slider_2 = self.driver.find_element_by_css_selector(
- '#vertical-range-slider div.rc-slider-handle-2[role="slider"]'
- )
- v_slider_2.click()
-
- for entry in self.get_log():
- raise Exception("browser error logged during test", entry)
-
- def test_tabs_in_vertical_mode(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- dcc.Tabs(
- id="tabs",
- value="tab-3",
- children=[
- dcc.Tab(
- label="Tab one",
- value="tab-1",
- id="tab-1",
- children=[html.Div("Tab One Content")],
- ),
- dcc.Tab(
- label="Tab two",
- value="tab-2",
- id="tab-2",
- children=[html.Div("Tab Two Content")],
- ),
- dcc.Tab(
- label="Tab three",
- value="tab-3",
- id="tab-3",
- children=[html.Div("Tab Three Content")],
- ),
- ],
- vertical=True,
- ),
- html.Div(id="tabs-content"),
- ]
- )
-
- self.startServer(app=app)
- self.wait_for_text_to_equal("#tab-3", "Tab three")
-
- self.snapshot("Tabs - vertical mode")
-
- def test_tabs_without_children(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.H1("Dash Tabs component demo"),
- dcc.Tabs(
- id="tabs",
- value="tab-2",
- children=[
- dcc.Tab(label="Tab one", value="tab-1", id="tab-1"),
- dcc.Tab(label="Tab two", value="tab-2", id="tab-2"),
- ],
- ),
- html.Div(id="tabs-content"),
- ]
- )
-
- @app.callback(
- dash.dependencies.Output("tabs-content", "children"),
- [dash.dependencies.Input("tabs", "value")],
- )
- def render_content(tab):
- if tab == "tab-1":
- return html.Div([html.H3("Test content 1")], id="test-tab-1")
- elif tab == "tab-2":
- return html.Div([html.H3("Test content 2")], id="test-tab-2")
-
- self.startServer(app=app)
-
- self.wait_for_text_to_equal("#tabs-content", "Test content 2")
- self.snapshot("initial tab - tab 2")
-
- selected_tab = self.wait_for_element_by_css_selector("#tab-1")
- selected_tab.click()
- time.sleep(1)
- self.wait_for_text_to_equal("#tabs-content", "Test content 1")
-
- def test_tabs_with_children_undefined(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.H1("Dash Tabs component demo"),
- dcc.Tabs(id="tabs", value="tab-1"),
- html.Div(id="tabs-content"),
- ]
- )
-
- self.startServer(app=app)
-
- self.wait_for_element_by_css_selector("#tabs-content")
-
- self.snapshot("Tabs component with children undefined")
-
- def test_tabs_without_value(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.H1("Dash Tabs component demo"),
- dcc.Tabs(
- id="tabs-without-value",
- children=[
- dcc.Tab(label="Tab One", value="tab-1"),
- dcc.Tab(label="Tab Two", value="tab-2"),
- ],
- ),
- html.Div(id="tabs-content"),
- ]
- )
-
- @app.callback(
- Output("tabs-content", "children"), [Input("tabs-without-value", "value")]
- )
- def render_content(tab):
- if tab == "tab-1":
- return html.H3("Default selected Tab content 1")
- elif tab == "tab-2":
- return html.H3("Tab content 2")
-
- self.startServer(app=app)
-
- self.wait_for_text_to_equal("#tabs-content", "Default selected Tab content 1")
-
- self.snapshot("Tab 1 should be selected by default")
diff --git a/tests/test_integration_2.py b/tests/test_integration_2.py
deleted file mode 100644
index e186b4312..000000000
--- a/tests/test_integration_2.py
+++ /dev/null
@@ -1,379 +0,0 @@
-# -*- coding: utf-8 -*-
-import os
-import sys
-import time
-import flask
-import dash
-from multiprocessing import Value
-from dash.dependencies import Input, Output, State
-import dash_html_components as html
-import dash_core_components as dcc
-from dash.exceptions import PreventUpdate
-from selenium.webdriver.common.keys import Keys
-from selenium.webdriver.common.by import By
-from selenium.webdriver.support.ui import WebDriverWait
-from selenium.webdriver.support import expected_conditions as EC
-
-from IntegrationTests import IntegrationTests
-
-TIMEOUT = 10
-
-
-class Test2(IntegrationTests):
- def setUp(self):
- pass
-
- def wait_for_element_by_css_selector(self, selector):
- return WebDriverWait(self.driver, TIMEOUT).until(
- EC.presence_of_element_located((By.CSS_SELECTOR, selector))
- )
-
- def wait_for_text_to_equal(self, selector, assertion_text):
- def text_equal(driver):
- text = driver.find_element_by_css_selector(selector).text
- return text == assertion_text
-
- WebDriverWait(self.driver, TIMEOUT).until(text_equal)
-
- def snapshot(self, name):
- if "PERCY_PROJECT" in os.environ and "PERCY_TOKEN" in os.environ:
- python_version = sys.version.split(" ")[0]
- print("Percy Snapshot {}".format(python_version))
- self.percy_runner.snapshot(name=name)
-
- def test_link_scroll(self):
- app = dash.Dash(__name__)
- app.layout = html.Div(
- [
- dcc.Location(id="test-url", refresh=False),
- html.Div(
- id="push-to-bottom",
- children=[],
- style={"display": "block", "height": "200vh"},
- ),
- html.Div(id="page-content"),
- dcc.Link("Test link", href="/test-link", id="test-link"),
- ]
- )
-
- call_count = Value("i", 0)
-
- @app.callback(
- Output("page-content", "children"), [Input("test-url", "pathname")]
- )
- def display_page(pathname):
- call_count.value = call_count.value + 1
- return "You are on page {}".format(pathname)
-
- self.startServer(app=app)
-
- time.sleep(2)
-
- # callback is called once when defined
- self.assertEqual(call_count.value, 1)
-
- # test if link correctly scrolls back to top of page
- test_link = self.wait_for_element_by_css_selector("#test-link")
- test_link.send_keys(Keys.NULL)
- test_link.click()
- time.sleep(2)
-
- # test link still fires update on Location
- page_content = self.wait_for_element_by_css_selector("#page-content")
- self.assertNotEqual(page_content.text, "You are on page /")
-
- self.wait_for_text_to_equal("#page-content", "You are on page /test-link")
-
- # test if rendered Link's
tag has a href attribute
- link_href = test_link.get_attribute("href")
- self.assertEqual(link_href, "http://localhost:8050/test-link")
-
- # test if callback is only fired once more
- self.assertEqual(call_count.value, 2)
-
- def test_interval(self):
- app = dash.Dash(__name__)
- app.layout = html.Div(
- [
- html.Div(id="output"),
- dcc.Interval(id="interval", interval=1, max_intervals=2),
- ]
- )
-
- @app.callback(Output("output", "children"), [Input("interval", "n_intervals")])
- def update_text(n):
- return "{}".format(n)
-
- self.startServer(app=app)
-
- # wait for interval to finish
- time.sleep(5)
-
- self.wait_for_text_to_equal("#output", "2")
-
- def test_if_interval_can_be_restarted(self):
- app = dash.Dash(__name__)
- app.layout = html.Div(
- [
- dcc.Interval(
- id="interval", interval=100, n_intervals=0, max_intervals=-1,
- ),
- html.Button("Start", id="start", n_clicks_timestamp=-1),
- html.Button("Stop", id="stop", n_clicks_timestamp=-1),
- html.Div(id="output"),
- ]
- )
-
- @app.callback(
- Output("interval", "max_intervals"),
- [
- Input("start", "n_clicks_timestamp"),
- Input("stop", "n_clicks_timestamp"),
- ],
- )
- def start_stop(start, stop):
- if start < stop:
- return 0
- else:
- return -1
-
- @app.callback(Output("output", "children"), [Input("interval", "n_intervals")])
- def display_data(n_intervals):
- return "Updated {}".format(n_intervals)
-
- self.startServer(app=app)
-
- stop_button = self.wait_for_element_by_css_selector("#stop")
-
- # interval will start itself, we wait a second before pressing 'stop'
- time.sleep(1)
-
- # get the output after running it for a bit
- output = self.wait_for_element_by_css_selector("#output")
- stop_button.click()
-
- time.sleep(1)
-
- # get the output after it's stopped, it shouldn't be higher than before
- output_stopped = self.wait_for_element_by_css_selector("#output")
-
- self.wait_for_text_to_equal("#output", output_stopped.text)
-
- # This test logic is bad
- # same element check for same text will always be true.
- self.assertEqual(output.text, output_stopped.text)
-
- def _test_confirm(self, app, test_name, add_callback=True):
- count = Value("i", 0)
-
- if add_callback:
-
- @app.callback(
- Output("confirmed", "children"),
- [
- Input("confirm", "submit_n_clicks"),
- Input("confirm", "cancel_n_clicks"),
- ],
- [
- State("confirm", "submit_n_clicks_timestamp"),
- State("confirm", "cancel_n_clicks_timestamp"),
- ],
- )
- def _on_confirmed(
- submit_n_clicks, cancel_n_clicks, submit_timestamp, cancel_timestamp,
- ):
- if not submit_n_clicks and not cancel_n_clicks:
- return ""
- count.value += 1
- if (submit_timestamp and cancel_timestamp is None) or (
- submit_timestamp > cancel_timestamp
- ):
- return "confirmed"
- else:
- return "canceled"
-
- self.startServer(app)
- button = self.wait_for_element_by_css_selector("#button")
- self.snapshot(test_name + " -> initial")
-
- button.click()
- time.sleep(1)
- self.driver.switch_to.alert.accept()
-
- if add_callback:
- self.wait_for_text_to_equal("#confirmed", "confirmed")
- self.snapshot(test_name + " -> confirmed")
-
- button.click()
- time.sleep(0.5)
- self.driver.switch_to.alert.dismiss()
- time.sleep(0.5)
-
- if add_callback:
- self.wait_for_text_to_equal("#confirmed", "canceled")
- self.snapshot(test_name + " -> canceled")
-
- if add_callback:
- self.assertEqual(
- 2, count.value, "Expected 2 callback but got " + str(count.value),
- )
-
- def test_confirm(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Button(id="button", children="Send confirm", n_clicks=0),
- dcc.ConfirmDialog(id="confirm", message="Please confirm."),
- html.Div(id="confirmed"),
- ]
- )
-
- @app.callback(Output("confirm", "displayed"), [Input("button", "n_clicks")])
- def on_click_confirm(n_clicks):
- if n_clicks:
- return True
-
- self._test_confirm(app, "ConfirmDialog")
-
- def test_confirm_dialog_provider(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- dcc.ConfirmDialogProvider(
- html.Button("click me", id="button"),
- id="confirm",
- message="Please confirm.",
- ),
- html.Div(id="confirmed"),
- ]
- )
-
- self._test_confirm(app, "ConfirmDialogProvider")
-
- def test_confirm_without_callback(self):
- app = dash.Dash(__name__)
- app.layout = html.Div(
- [
- dcc.ConfirmDialogProvider(
- html.Button("click me", id="button"),
- id="confirm",
- message="Please confirm.",
- ),
- html.Div(id="confirmed"),
- ]
- )
- self._test_confirm(
- app, "ConfirmDialogProviderWithoutCallback", add_callback=False
- )
-
- def test_confirm_as_children(self):
- app = dash.Dash(__name__)
-
- app.layout = html.Div(
- [
- html.Button(id="button", children="Send confirm"),
- html.Div(id="confirm-container"),
- dcc.Location(id="dummy-location"),
- ]
- )
-
- @app.callback(
- Output("confirm-container", "children"), [Input("button", "n_clicks")],
- )
- def on_click(n_clicks):
- if n_clicks:
- return dcc.ConfirmDialog(
- displayed=True, id="confirm", message="Please confirm."
- )
-
- self.startServer(app)
-
- button = self.wait_for_element_by_css_selector("#button")
-
- button.click()
- time.sleep(2)
-
- self.driver.switch_to.alert.accept()
-
- def test_logout_btn(self):
- app = dash.Dash(__name__)
-
- @app.server.route("/_logout", methods=["POST"])
- def on_logout():
- rep = flask.redirect("/logged-out")
- rep.set_cookie("logout-cookie", "", 0)
- return rep
-
- app.layout = html.Div(
- [
- html.H2("Logout test"),
- dcc.Location(id="location"),
- html.Div(id="content"),
- ]
- )
-
- @app.callback(Output("content", "children"), [Input("location", "pathname")])
- def on_location(location_path):
- if location_path is None:
- raise PreventUpdate
-
- if "logged-out" in location_path:
- return "Logged out"
- else:
-
- @flask.after_this_request
- def _insert_cookie(rep):
- rep.set_cookie("logout-cookie", "logged-in")
- return rep
-
- return dcc.LogoutButton(id="logout-btn", logout_url="/_logout")
-
- self.startServer(app)
- time.sleep(1)
- self.snapshot("Logout button")
-
- self.assertEqual("logged-in", self.driver.get_cookie("logout-cookie")["value"])
- logout_button = self.wait_for_element_by_css_selector("#logout-btn")
- logout_button.click()
- self.wait_for_text_to_equal("#content", "Logged out")
-
- self.assertFalse(self.driver.get_cookie("logout-cookie"))
-
- def test_disabled_tab(self):
- app = dash.Dash(__name__)
- app.layout = html.Div(
- [
- html.H1("Dash Tabs component with disabled tab demo"),
- dcc.Tabs(
- id="tabs-example",
- value="tab-2",
- children=[
- dcc.Tab(
- label="Disabled Tab",
- value="tab-1",
- id="tab-1",
- className="test-custom-tab",
- disabled=True,
- ),
- dcc.Tab(
- label="Active Tab",
- value="tab-2",
- id="tab-2",
- className="test-custom-tab",
- ),
- ],
- ),
- html.Div(id="tabs-content-example"),
- ]
- )
- self.startServer(app=app)
-
- WebDriverWait(self.driver, TIMEOUT).until(
- EC.element_to_be_clickable((By.ID, "tab-2"))
- )
-
- WebDriverWait(self.driver, TIMEOUT).until(
- EC.visibility_of_element_located((By.CSS_SELECTOR, ".tab--disabled"))
- )
diff --git a/tests/unit/Checklist.test.js b/tests/unit/Checklist.test.js
deleted file mode 100644
index 9ed8b2c56..000000000
--- a/tests/unit/Checklist.test.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import Checklist from '../../src/components/Checklist.react.js';
-import React from 'react';
-import {mount, render} from 'enzyme';
-import {validate} from './utils';
-
-test('Checklist renders', () => {
- const dd = render();
-
- expect(dd.html()).toBeDefined();
-});
-
-describe('Props can be set properly', () => {
- const testPropsNoValue = {
- id: 'radio-1',
- options: [
- {label: 'A', value: 'a'},
- {label: 1, value: 2},
- {label: 'Disabled', value: 'x', disabled: true},
- ],
- style: {backgroundColor: 'hotpink'},
- className: 'radio-class',
- inputStyle: {margin: '22px'},
- inputClassName: 'radio-input-class',
- labelStyle: {fontSize: '2.0em'},
- labelClassName: 'radio-label-class',
- loading_state: {
- is_loading: false,
- component_name: '',
- prop_name: '',
- },
- persisted_props: ['value'],
- persistence_type: 'local',
- };
-
- const testProps = Object.assign({}, testPropsNoValue, {value: ['a', 2]});
-
- const checklist = mount();
- const checklistNoValue = mount();
-
- test('props are being set', () => {
- validate(Checklist, testProps);
- expect(checklist.props()).toBeDefined();
- expect(checklist.props()).toEqual(testProps);
- });
-
- test('it works with options but no value supplied', () => {
- validate(Checklist, testPropsNoValue);
- expect(checklistNoValue.props()).toBeDefined();
- expect(checklistNoValue.props()).toEqual(
- Object.assign({}, testPropsNoValue, {value: []})
- );
- });
-
- test('props.id is set as the outer element id', () => {
- // test if id is in the actual HTML string
- const ddTag = checklist.render();
- expect(ddTag.attr('id')).toEqual(testProps.id);
- });
-});
diff --git a/tests/unit/DatePickerRange.test.js b/tests/unit/DatePickerRange.test.js
deleted file mode 100644
index 3d848ba51..000000000
--- a/tests/unit/DatePickerRange.test.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import DatePickerRange from '../../src/fragments/DatePickerRange.react';
-import {merge} from 'ramda';
-import React from 'react';
-import {mount, render} from 'enzyme';
-
-const defaultProps = {
- start_date_id: 'start-date-id',
- end_date_id: 'end-date-id',
- id: 'datepicker',
-};
-
-test('DatePickerRange renders', () => {
- const dps = render();
-
- expect(dps.html()).toBeDefined();
-});
-
-describe('Date can be set properly', () => {
- test('null date is not converted by moment', () => {
- const props = merge(defaultProps, {
- end_date: null,
- start_date: null,
- });
-
- const dps = mount();
-
- expect(dps.props()).toBeDefined();
- expect(dps.props().end_date).toEqual(props.end_date);
- expect(dps.props().start_date).toEqual(props.start_date);
- });
-
- test('valid date is not converted by moment', () => {
- const props = merge(defaultProps, {
- end_date: '2019-01-01',
- start_date: '2019-01-01',
- });
-
- const dps = mount();
-
- expect(dps.props()).toBeDefined();
- expect(dps.props().end_date).toEqual(props.end_date);
- expect(dps.props().start_date).toEqual(props.start_date);
- });
-});
diff --git a/tests/unit/DatePickerSingle.test.js b/tests/unit/DatePickerSingle.test.js
deleted file mode 100644
index 5b4fbb464..000000000
--- a/tests/unit/DatePickerSingle.test.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import DatePickerSingle from '../../src/fragments/DatePickerSingle.react';
-import {merge} from 'ramda';
-import React from 'react';
-import {mount, render} from 'enzyme';
-
-test('DatePickerSingle renders', () => {
- const dps = render();
-
- expect(dps.html()).toBeDefined();
-});
-
-describe('Date can be set properly', () => {
- const defaultProps = {
- id: 'datepicker',
- };
-
- test('null date is not converted by moment', () => {
- const props = merge(defaultProps, {
- date: null,
- });
-
- const dps = mount();
-
- expect(dps.props()).toBeDefined();
- expect(dps.props().date).toEqual(props.date);
- });
-
- test('valid date is not converted by moment', () => {
- const props = merge(defaultProps, {
- date: '2019-01-01',
- });
-
- const dps = mount();
-
- expect(dps.props()).toBeDefined();
- expect(dps.props().date).toEqual(props.date);
- });
-});
-
-describe('Date can be selected', () => {
- test('`setProps` callback is called when date is selected', () => {
- const setPropsSpy = jest.fn();
- const props = {
- id: 'datepicker',
- date: '2019-01-01',
- placeholder: 'My Date',
- setProps: setPropsSpy,
- };
-
- const dps = mount();
- dps.setState({focused: true});
- const day = dps.find("[aria-label='Saturday, January 19, 2019']");
- day.simulate('click');
-
- expect(setPropsSpy).toHaveBeenCalledWith({date: '2019-01-19'});
- });
-});
-
-describe('Date can be cleared', () => {
- test('`setProps` callback is called when date is cleared', () => {
- const setPropsSpy = jest.fn();
- const props = {
- id: 'datepicker',
- date: '2019-01-01',
- clearable: true,
- setProps: setPropsSpy,
- };
-
- const dps = mount();
- const clearDate = dps.find("[aria-label='Clear Date']");
- clearDate.simulate('click');
-
- expect(setPropsSpy).toHaveBeenCalledWith({date: null});
- });
-});
diff --git a/tests/unit/Dropdown.test.js b/tests/unit/Dropdown.test.js
deleted file mode 100644
index a1570f562..000000000
--- a/tests/unit/Dropdown.test.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import Dropdown from '../../src/fragments/Dropdown.react.js';
-import React from 'react';
-import {mount, render} from 'enzyme';
-import {validate} from './utils';
-
-test('Dropdown renders', () => {
- const dd = render();
-
- expect(dd.html()).toBeDefined();
-});
-
-describe('Props can be set properly', () => {
- const singleProps = {
- id: 'dd-1',
- options: [
- {label: 'A', value: 'a'},
- {label: 1, value: 2},
- {label: 'Disabled', value: 'x', disabled: true},
- ],
- value: 2,
- autoComplete: 'off',
- optionHeight: 50,
- className: 'dd-class',
- clearable: true,
- disabled: true,
- multi: false,
- placeholder: 'pick something',
- searchable: true,
- search_value: 'hello',
- style: {backgroundColor: 'hotpink'},
- loading_state: {
- is_loading: false,
- component_name: '',
- prop_name: '',
- },
- persisted_props: ['value'],
- persistence_type: 'local',
- };
-
- const multiProps = Object.assign({}, singleProps, {
- multi: true,
- value: ['a', 2],
- });
- const singleDD = mount();
- const multiDD = mount();
-
- test('props are being set', () => {
- validate(Dropdown, singleProps);
- expect(singleDD.props()).toBeDefined();
- expect(singleDD.props()).toEqual(singleProps);
-
- validate(Dropdown, multiProps);
- expect(multiDD.props()).toBeDefined();
- expect(multiDD.props()).toEqual(multiProps);
- });
-
- test('props.id is set as the outer element id', () => {
- // test if id is in the actual HTML string
- const ddTag = singleDD.render();
- expect(ddTag.attr('id')).toEqual(singleProps.id);
- });
-});
diff --git a/tests/unit/Input.test.js b/tests/unit/Input.test.js
deleted file mode 100644
index f58252b6d..000000000
--- a/tests/unit/Input.test.js
+++ /dev/null
@@ -1,169 +0,0 @@
-import Input from '../../src/components/Input.react.js';
-import React from 'react';
-import {mount, render} from 'enzyme';
-
-test('Input renders', () => {
- const input = render();
-
- expect(input.html()).toBeDefined();
-});
-
-describe('Props can be set properly', () => {
- const defaultProps = {
- id: 'input-1',
- value: 'hello, dash',
- style: {backgroundColor: 'hotpink'},
- className: 'input-class',
- type: 'text',
- autoComplete: 'on',
- autoFocus: 'autofocus',
- disabled: true,
- debounce: false,
- inputMode: 'verbatim',
- list: 'hello',
- max: '2',
- maxLength: '2',
- min: '1',
- minLength: '1',
- multiple: true,
- name: 'input one',
- pattern: '/([A-Z])w+/g',
- placeholder: 'enter text',
- readOnly: 'readonly',
- required: 'required',
- selectionDirection: 'forward',
- selectionEnd: '1',
- selectionStart: '1',
- size: '10',
- spellCheck: 'true',
- step: '2',
- n_blur: 0,
- n_blur_timestamp: -1,
- n_submit: 0,
- n_submit_timestamp: -1,
- loading_state: {
- is_loading: false,
- component_name: '',
- prop_name: '',
- },
- persisted_props: ['value'],
- persistence_type: 'local',
- };
- const input = mount();
-
- test('props are being set', () => {
- expect(input.props()).toBeDefined();
- expect(input.props()).toEqual(defaultProps);
- });
-
- test('props.id is set as the id', () => {
- // test if id is in the actual HTML string
- const inputTag = input.render();
- expect(inputTag.attr('id')).toEqual(defaultProps.id);
- });
- test('props.value is set as the value', () => {
- // test if value is in the actual HTML string
- const inputTag = input.render();
- expect(inputTag.attr('value')).toEqual(defaultProps.value);
- });
- test('props.className is set as the CSS class', () => {
- // test if className is actually set on HTML output
- const inputTag = input.render();
- expect(inputTag.attr('class')).toEqual(defaultProps.className);
- });
- test('props.multiple is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('multiple')).toBeDefined();
- expect(inputTag.attr('multiple')).toEqual('multiple');
- });
- test('props.name is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('name')).toBeDefined();
- expect(inputTag.attr('name')).toEqual(defaultProps.name);
- });
- test('props.pattern is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('pattern')).toBeDefined();
- expect(inputTag.attr('pattern')).toEqual(defaultProps.pattern);
- });
- test('props.placeholder is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('placeholder')).toBeDefined();
- expect(inputTag.attr('placeholder')).toEqual(defaultProps.placeholder);
- });
- test('props.readOnly is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('readonly')).toBeDefined();
- expect(inputTag.attr('readonly')).toEqual(defaultProps.readOnly);
- });
- test('props.required is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('required')).toBeDefined();
- expect(inputTag.attr('required')).toEqual(defaultProps.required);
- });
- test('props.size is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('size')).toBeDefined();
- expect(inputTag.attr('size')).toEqual(defaultProps.size);
- });
- test('props.spellCheck is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('spellcheck')).toBeDefined();
- expect(inputTag.attr('spellcheck')).toEqual(defaultProps.spellCheck);
- });
- test('props.step is set as an attribute on the input', () => {
- const inputTag = input.render();
- expect(inputTag.attr('step')).toBeDefined();
- expect(inputTag.attr('step')).toEqual(defaultProps.step);
- });
-});
-
-describe('Input with (default) type=text', () => {
- let mockSetProps, input;
- beforeEach(() => {
- mockSetProps = jest.fn();
-
- input = mount();
- });
-
- test("Input updates it's value on receiving new props", () => {
- input.setProps({value: 'new value'});
-
- // expect value prop to not be updated on state, and on the node itself
- expect(input.find('input').instance().value).toEqual('new value');
- });
-});
-
-describe('Input with type=number', () => {
- describe('with min and max props', () => {
- let mockSetProps, input;
- const props = {
- value: 0,
- min: 0,
- max: 2,
- };
- beforeEach(() => {
- mockSetProps = jest.fn();
- input = mount(
-
- );
- });
- test('Input can not be updated lower than props.min', () => {
- input
- .find('input')
- .simulate('change', {target: {value: `${props.min - 1}`}});
-
- // if the target value is lower than min, don't even call setProps
- expect(mockSetProps.mock.calls.length).toEqual(0);
- // 's value should remain the same
- expect(Number(input.find('input').instance().value)).toEqual(0);
- });
- test('Input can not be updated higher than props.max', () => {
- input.find('input').simulate('change', {target: {value: `${3}`}});
- // if the target value is higher than max, don't even call setProps
- expect(mockSetProps.mock.calls.length).toEqual(0);
- // 's value should remain the same
- expect(Number(input.find('input').instance().value)).toEqual(0);
- });
- });
-});
diff --git a/tests/unit/Interval.test.js b/tests/unit/Interval.test.js
deleted file mode 100644
index 4084683a8..000000000
--- a/tests/unit/Interval.test.js
+++ /dev/null
@@ -1,295 +0,0 @@
-import Interval from '../../src/components/Interval.react.js';
-import React, {cloneElement, Component} from 'react';
-import PropTypes from 'prop-types';
-import {omit} from 'ramda';
-import {mount, render} from 'enzyme';
-
-test('Interval render', () => {
- const interval = render();
-
- expect(interval.html()).toBeNull();
-});
-
-class IntervalWrapper extends Component {
- constructor(props) {
- super(props);
- this.state = {
- n_intervals: 0,
- };
- this.setProps = this.setProps.bind(this);
- }
-
- setProps({n_intervals}) {
- this.setState(
- {
- n_intervals,
- },
- () => {
- this.props.setProps({n_intervals});
- }
- );
- }
-
- render() {
- return cloneElement(this.props.children, {
- ...omit(['children'], this.props),
- n_intervals: this.state.n_intervals,
- setProps: this.setProps,
- });
- }
-}
-
-IntervalWrapper.propTypes = {
- children: PropTypes.node,
- setProps: PropTypes.func,
-};
-
-const intervalLength = 50;
-
-// The following number should be large enough for any
-// outstanding timeout events to have settled, but still
-// small enough to be unnoticeable by our implementation.
-const intervalNegligibleMargin = intervalLength / 5;
-
-describe('Basic interval usage', () => {
- const makeSut = () => {
- const results = {
- nIntervals: 0,
- };
-
- const setProps = props => {
- if ('n_intervals' in props) {
- results.nIntervals = props.n_intervals;
- }
- };
-
- const defaultProps = {
- id: 'test-interval',
- interval: intervalLength,
- };
-
- const wrapper = mount(
-
-
-
- );
- const interval = wrapper.childAt(0);
-
- return {interval, results};
- };
-
- test('props.id =>', () => {
- const {interval} = makeSut();
- expect(interval.props().id).toEqual('test-interval');
- });
-
- describe('t = 0', () => {
- test('n_intervals = 0', () => {
- const {results} = makeSut();
- expect(results.nIntervals).toEqual(0);
- });
- });
-
- describe('After 1 interval elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut();
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength + intervalNegligibleMargin);
- });
- });
-
- describe('After 2 intervals elapsed', () => {
- test('n_intervals = 2', done => {
- const {results} = makeSut();
- setTimeout(() => {
- expect(results.nIntervals).toEqual(2);
- done();
- }, intervalLength * 2 + intervalNegligibleMargin);
- });
- });
-});
-
-describe('Usage of disabled = true', () => {
- class DisabledTestingIntervalWrapper extends Component {
- constructor(props) {
- super(props);
- this.state = {
- disabled: false,
- };
- this.setProps = this.setProps.bind(this);
- }
-
- setProps({n_intervals}) {
- this.props.setProps({n_intervals});
- if (this.props.handleInterval) {
- this.props.handleInterval(
- n_intervals,
- this.setState.bind(this)
- );
- }
- }
-
- render() {
- return cloneElement(this.props.children, {
- ...omit(['children'], this.props),
- disabled: this.state.disabled,
- setProps: this.setProps,
- });
- }
- }
-
- DisabledTestingIntervalWrapper.propTypes = {
- children: PropTypes.node,
- setProps: PropTypes.func,
- handleInterval: PropTypes.func,
- };
-
- const makeSut = handleInterval => {
- const results = {
- nIntervals: 0,
- };
-
- const setProps = props => {
- if ('n_intervals' in props) {
- results.nIntervals = props.n_intervals;
- }
- };
-
- const defaultProps = {
- id: 'test-interval',
- interval: intervalLength,
- };
-
- const wrapper = mount(
-
-
-
-
-
- );
- const interval = wrapper.childAt(0).childAt(0);
-
- return {interval, results};
- };
-
- describe('disabling permanently after one interval', () => {
- const handleInterval = (intervalsElapsed, setState) => {
- // disable after one interval
- if (intervalsElapsed === 1) {
- setState({
- disabled: true,
- });
- }
- };
-
- describe('t = 0', () => {
- test('n_intervals = 0', () => {
- const {results} = makeSut(handleInterval);
- expect(results.nIntervals).toEqual(0);
- });
- });
-
- describe('After 1 interval elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength + intervalNegligibleMargin);
- });
- });
-
- describe('After 2 intervals elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength * 2 + intervalNegligibleMargin);
- });
- });
-
- describe('After 3 intervals elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength * 3 + intervalNegligibleMargin);
- });
- });
- });
-
- describe('disabling temporarily for one interval', () => {
- const handleInterval = (intervalsElapsed, setState) => {
- // disable after one interval, just before the next
- if (intervalsElapsed === 1) {
- setTimeout(() => {
- setState(
- {
- disabled: true,
- },
- () => {
- // re-enable one interval later
- setTimeout(() => {
- setState({
- disabled: false,
- });
- }, intervalLength);
- }
- );
- }, intervalLength - intervalNegligibleMargin);
- }
- };
-
- describe('t = 0', () => {
- test('n_intervals = 0', () => {
- const {results} = makeSut(handleInterval);
- expect(results.nIntervals).toEqual(0);
- });
- });
-
- describe('After 1 interval elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength + intervalNegligibleMargin);
- });
- });
-
- describe('After 2 intervals elapsed', () => {
- test('n_intervals = 1', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(1);
- done();
- }, intervalLength * 2 + intervalNegligibleMargin);
- });
- });
-
- describe('After 3 intervals elapsed', () => {
- /*
- * Timeline:
- * 0 - Timer set
- * 40 - n_intervals = 1 (intervalLength)
- * 70 - timer disabled (intervalLength * 2 - intervalNegligibleMargin)
- * 110 - timer re-enabled
- * 150 - n_intervals = 2 (... + intervalLength * 2)
- */
- test('n_intervals = 2', done => {
- const {results} = makeSut(handleInterval);
- setTimeout(() => {
- expect(results.nIntervals).toEqual(2);
- done();
- }, intervalLength * 2 - intervalNegligibleMargin + intervalLength * 2 + intervalNegligibleMargin);
- });
- });
- });
-});
diff --git a/tests/unit/Loading.test.js b/tests/unit/Loading.test.js
deleted file mode 100644
index 9442376d1..000000000
--- a/tests/unit/Loading.test.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import Loading from '../../src/components/Loading.react.js';
-import React from 'react';
-import {render} from 'enzyme';
-
-test('Loading renders', () => {
- const statusMock = {
- is_loading: true,
- prop_name: 'children',
- component_name: 'div',
- };
- const loading = render(
-
- Loading is done!
-
- );
-
- expect(
- loading
- .find('.dash-spinner')
- .parent()
- .html()
- ).toMatchSnapshot('Loading with is_loading=true');
-});
-test('Loading renders without loading_state', () => {
- const loading = render(
-
- Loading is done!
-
- );
-
- expect(loading.html()).toEqual('Loading is done!
');
-});
-test('Loading renders without loading_state.is_loading', () => {
- const statusMock = {
- prop_name: 'children',
- component_name: 'div',
- };
- const loading = render(
-
- Loading is done!
-
- );
-
- expect(loading.html()).toEqual('Loading is done!
');
-});
-test('Loading renders without prop_name', () => {
- const statusMock = {
- is_loading: true,
- component_name: 'div',
- };
- const loading = render(
-
- Loading is done!
-
- );
-
- expect(
- loading
- .find('.dash-spinner')
- .parent()
- .html()
- ).toMatchSnapshot('Loading with is_loading=true');
-});
-test('Loading renders without loading_state.component_name', () => {
- const statusMock = {
- is_loading: true,
- prop_name: 'children',
- };
- const loading = render(
-
- Loading is done!
-
- );
-
- expect(
- loading
- .find('.dash-spinner')
- .parent()
- .html()
- ).toMatchSnapshot('Loading with is_loading=true');
-});
-test('Loading renders with multiple children', () => {
- const statusMock = {
- is_loading: true,
- prop_name: 'children',
- component_name: 'div',
- };
- const loading = render(
-
- Child 1
- Child 2
- Child 3
-
- );
-
- expect(
- loading
- .find('.dash-spinner')
- .parent()
- .html()
- ).toMatchSnapshot('Loading with is_loading=true');
-});
-
-test("Loading checks all it's children for a loading_state", () => {
- const statusMock = {
- is_loading: true,
- prop_name: 'children',
- component_name: 'div',
- };
- const loading = render(
-
- Child 1
- Child 2
- Child 3
-
- );
-
- expect(loading.html()).toMatchSnapshot('Loading spinner for children');
-});
diff --git a/tests/unit/Markdown.test.js b/tests/unit/Markdown.test.js
deleted file mode 100644
index c6f7ad17d..000000000
--- a/tests/unit/Markdown.test.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import Markdown from '../../src/fragments/Markdown.react.js';
-import React from 'react';
-import {shallow, render} from 'enzyme';
-
-test('Input renders', () => {
- const md = render();
-
- expect(md.html()).toBeDefined();
-});
-
-describe('dedent', () => {
- const md = shallow().instance();
-
- test('leading spaces and tabs are removed from a single line', () => {
- [
- 'test',
- ' test',
- ' test',
- '\t\t\ttest',
- ' \t test',
- '\t \ttest',
- ].forEach(s => {
- expect(md.dedent(s)).toEqual('test');
- });
-
- expect(md.dedent(' test ')).toEqual('test ');
- });
-
- test('same chars are removed from multiple lines, ignoring blanks', () => {
- ['', ' ', '\t', '\t\t', ' ', '\t \t'].forEach(pre => {
- expect(
- md.dedent(
- pre +
- 'a\n' +
- pre +
- ' b\r' +
- pre +
- 'c\r\n' +
- pre +
- '\td\n' +
- '\t\n' +
- '\n' +
- pre +
- 'e\n' +
- '\n' +
- pre +
- 'f'
- )
- ).toEqual(
- 'a\n' +
- ' b\n' +
- 'c\n' +
- '\td\n' +
- '\n' +
- '\n' +
- 'e\n' +
- '\n' +
- 'f'
- );
- });
- });
-
- test('mismatched chars are not removed', () => {
- expect(md.dedent(' \ta\n\t b')).toEqual(' \ta\n\t b');
- });
-
- test('the dedent prop controls behavior', () => {
- const text = ' a\n b';
- const mdDedented = render();
- expect(mdDedented.find('code').length).toEqual(0);
- expect(mdDedented.find('p').length).toEqual(1);
-
- const mdRaw = render();
- expect(mdRaw.find('code').length).toEqual(1);
- expect(mdRaw.find('p').length).toEqual(0);
- });
-});
diff --git a/tests/unit/RadioItems.test.js b/tests/unit/RadioItems.test.js
deleted file mode 100644
index e26bed806..000000000
--- a/tests/unit/RadioItems.test.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import RadioItems from '../../src/components/RadioItems.react.js';
-import React from 'react';
-import {mount, render} from 'enzyme';
-import {validate} from './utils';
-
-test('RadioItems renders', () => {
- const dd = render();
-
- expect(dd.html()).toBeDefined();
-});
-
-describe('Props can be set properly', () => {
- const testProps = {
- id: 'radio-1',
- options: [
- {label: 'A', value: 'a'},
- {label: 1, value: 2},
- {label: 'Disabled', value: 'x', disabled: true},
- ],
- value: 2,
- style: {backgroundColor: 'hotpink'},
- className: 'radio-class',
- inputStyle: {margin: '22px'},
- inputClassName: 'radio-input-class',
- labelStyle: {fontSize: '2.0em'},
- labelClassName: 'radio-label-class',
- loading_state: {
- is_loading: false,
- component_name: '',
- prop_name: '',
- },
- persisted_props: ['value'],
- persistence_type: 'local',
- };
-
- const radio = mount();
-
- test('props are being set', () => {
- validate(RadioItems, testProps);
- expect(radio.props()).toBeDefined();
- expect(radio.props()).toEqual(testProps);
- });
-
- test('props.id is set as the outer element id', () => {
- // test if id is in the actual HTML string
- const ddTag = radio.render();
- expect(ddTag.attr('id')).toEqual(testProps.id);
- });
-});
diff --git a/tests/unit/Tabs.test.js b/tests/unit/Tabs.test.js
deleted file mode 100644
index 09941435c..000000000
--- a/tests/unit/Tabs.test.js
+++ /dev/null
@@ -1,249 +0,0 @@
-import Tabs from '../../src/components/Tabs.react.js';
-import Tab from '../../src/components/Tab.react.js';
-import React from 'react';
-import {mount, render} from 'enzyme';
-import DashRendererMock from './mocks/DashRendererMock.react.js';
-
-test('Tabs render', () => {
- const tabs = render(
-
-
-
-
-
- );
-
- expect(tabs.html()).toBeDefined();
-});
-
-describe('All props can be set properly', () => {
- const defaultProps = {
- id: 'test-tabs',
- value: 'tab-one',
- vertical: true,
- mobile_breakpoint: 600,
- colors: {
- border: 'red',
- primary: 'white',
- background: 'blue',
- },
- };
- const app = mount(
-
-
-
-
-
- );
- test('props.id =>', () => {
- expect(app.find(Tabs).props().id).toEqual(defaultProps.id);
- });
- test('props.value =>', () => {
- expect(app.find(Tabs).props().value).toEqual(defaultProps.value);
- });
- test('props.vertical =>', () => {
- expect(app.find(Tabs).props().vertical).toEqual(defaultProps.vertical);
- });
- test('props.mobile_breakpoint =>', () => {
- expect(app.find(Tabs).props().mobile_breakpoint).toEqual(
- defaultProps.mobile_breakpoint
- );
- });
- test('props.colors=>', () => {
- expect(app.find(Tabs).props().colors).toEqual(defaultProps.colors);
- });
-});
-
-describe('Tabs parses inline styles if they are set', () => {
- const testColor = 'hotpink';
- const testStyle = {
- backgroundColor: testColor,
- };
- const mockSetProps = jest.fn(value => value);
- const tabs = render(
-
-
-
- );
-
- test('props.style =>', () => {
- expect(tabs.find('#tabs').prop('style')['background-color']).toEqual(
- testColor
- );
- });
- test('props.parent_style =>', () => {
- expect(tabs.prop('style')['background-color']).toEqual(testColor);
- });
-});
-describe('Tabs correctly appends classes', () => {
- const testClass = 'tabs-test';
- const testContentClass = 'tabs-test-content';
- const testParentClass = 'tabs-test-parent';
- let tabs;
- beforeEach(() => {
- tabs = render(
-
-
-
- );
- });
- // jsx-24123 className's that get appended by styled-jsx are
- // removed here by using the styled-jsx/babel-test plugin in .babelrc
- test('props.className =>', () => {
- expect(tabs.find('#tabs').prop('class')).toEqual(
- expect.stringMatching(
- new RegExp(`jsx-\\d+\\stab-container\\s${testClass}`)
- )
- );
- });
- test('props.content_className =>', () => {
- expect(tabs.find('.tab-content').prop('class')).toEqual(
- expect.stringMatching(
- new RegExp(`jsx-\\d+\\stab-content\\s${testContentClass}`)
- )
- );
- });
- test('props.parent_className=>', () => {
- expect(tabs.prop('class')).toEqual(
- expect.stringMatching(
- new RegExp(`jsx-\\d+\\stab-parent\\s${testParentClass}`)
- )
- );
- });
-});
-describe('Tabs render content correctly', () => {
- test('Tabs render Tab.children in content div', () => {
- const tabs = render(
-
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
-
- );
- const renderedContent = tabs.find('.tab-content').html();
- expect(renderedContent).toEqual('Tab 1 child
');
- });
- test('Tabs render correct Tab.children as selected in Tabs.props.value in content div', () => {
- const tabs = render(
-
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
-
- );
- const renderedContent = tabs.find('.tab-content').html();
- expect(renderedContent).toEqual('Tab 2 child
');
- });
- test('Tabs render Tab.children in content div, even if no Tabs.props.value is given', () => {
- const tabs = render(
-
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
-
- );
- const renderedContent = tabs.find('.tab-content').html();
- expect(renderedContent).toEqual('Tab 1 child
');
- });
- test('Tabs render Tab.children in content div, even if no Tabs.props.value is given, and Tab components have empty values', () => {
- const tabs = render(
-
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
-
- );
- const renderedContent = tabs.find('.tab-content').html();
- expect(renderedContent).toEqual('Tab 1 child
');
- });
-});
-describe('Tabs handle Tab selection logic', () => {
- let tabs;
- beforeEach(() => {
- tabs = mount(
-
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
-
- );
- });
- test('Tab can be clicked and will display its content', () => {
- tabs.find('[value="tab-2"]').simulate('click');
- const renderedContent = tabs.find(Tab).html();
- expect(renderedContent).toEqual('Tab 2 child
');
- });
-});
-describe('Tabs can be used 2 ways', () => {
- test('With Dash callbacks, using setProps()', () => {
- const mockSetProps = jest.fn(value => value);
- const tabs = mount(
-
-
- Tab 1 child
-
-
- Tab 2 child
-
-
- );
-
- expect(mockSetProps).toBeCalledTimes(1);
- tabs.find('[value="custom-tab-2"]').simulate('click');
- expect(mockSetProps).toBeCalledTimes(2);
- expect(mockSetProps.mock.results[1].value.value).toEqual(
- 'custom-tab-2'
- );
-
- tabs.find('[value="custom-tab-1"]').simulate('click');
- expect(mockSetProps).toBeCalledTimes(3);
- expect(mockSetProps.mock.results[2].value.value).toEqual(
- 'custom-tab-1'
- );
- });
-});
-describe('Tabs can have null children', () => {
- test('Try to create a Tabs with null children', () => {
- mount(
-
-
-
- );
- });
-});
diff --git a/tests/unit/__snapshots__/Loading.test.js.snap b/tests/unit/__snapshots__/Loading.test.js.snap
deleted file mode 100644
index 84f1bea22..000000000
--- a/tests/unit/__snapshots__/Loading.test.js.snap
+++ /dev/null
@@ -1,295 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Loading checks all it's children for a loading_state: Loading spinner for children 1`] = `"Child 1
Child 2
Child 3
"`;
-
-exports[`Loading renders with multiple children: Loading with is_loading=true 1`] = `
-""
-`;
-
-exports[`Loading renders without loading_state.component_name: Loading with is_loading=true 1`] = `
-""
-`;
-
-exports[`Loading renders without prop_name: Loading with is_loading=true 1`] = `
-""
-`;
-
-exports[`Loading renders: Loading with is_loading=true 1`] = `
-""
-`;
diff --git a/tests/unit/mocks/DashRendererMock.react.js b/tests/unit/mocks/DashRendererMock.react.js
deleted file mode 100644
index b2b089544..000000000
--- a/tests/unit/mocks/DashRendererMock.react.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import {Component, cloneElement} from 'react';
-import PropTypes from 'prop-types';
-import {omit} from 'ramda';
-
-export default class DashRendererMock extends Component {
- constructor(props) {
- super(props);
- this.state = {};
- this.setProps = this.setProps.bind(this);
- }
-
- setProps(newProps) {
- this.setState(newProps);
- }
-
- render() {
- return cloneElement(this.props.children, {
- ...omit(['children'], this.props),
- ...this.state,
- setProps: this.setProps,
- });
- }
-}
-
-DashRendererMock.propTypes = {
- children: PropTypes.any
-}
diff --git a/tests/unit/utils.js b/tests/unit/utils.js
deleted file mode 100644
index e05f23fcd..000000000
--- a/tests/unit/utils.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import checkPropTypes from 'check-prop-types';
-
-export function validate(component, props) {
- const errorMessage = checkPropTypes(
- component.propTypes,
- props,
- 'prop',
- component.name
- );
-
- if (errorMessage) {
- throw new Error(errorMessage);
- }
-}
diff --git a/tests/utils.py b/tests/utils.py
deleted file mode 100644
index 14d197e6e..000000000
--- a/tests/utils.py
+++ /dev/null
@@ -1,70 +0,0 @@
-import time
-
-TIMEOUT = 20
-
-
-class WaitForTimeout(Exception):
- """This should only be raised inside the `wait_for` function."""
-
- pass
-
-
-def assert_clean_console(TestClass):
- def assert_no_console_errors(TestClass):
- TestClass.assertEqual(
- TestClass.driver.execute_script("return window.tests.console.error.length"),
- 0,
- )
-
- def assert_no_console_warnings(TestClass):
- TestClass.assertEqual(
- TestClass.driver.execute_script("return window.tests.console.warn.length"),
- 0,
- )
-
- assert_no_console_warnings(TestClass)
- assert_no_console_errors(TestClass)
-
-
-def wait_for(condition_function, get_message=lambda: "", *args, **kwargs):
- """
- Waits for condition_function to return True or raises WaitForTimeout.
- :param (function) condition_function: Should return True on success.
- :param args: Optional args to pass to condition_function.
- :param kwargs: Optional kwargs to pass to condition_function.
- if `timeout` is in kwargs, it will be used to override TIMEOUT
- :raises: WaitForTimeout If condition_function doesn't return True in time.
- Usage:
- def get_element(selector):
- # some code to get some element or return a `False`-y value.
- selector = '.js-plotly-plot'
- try:
- wait_for(get_element, selector)
- except WaitForTimeout:
- self.fail('element never appeared...')
- plot = get_element(selector) # we know it exists.
- """
-
- def wrapped_condition_function():
- """We wrap this to alter the call base on the closure."""
- if args and kwargs:
- return condition_function(*args, **kwargs)
- if args:
- return condition_function(*args)
- if kwargs:
- return condition_function(**kwargs)
- return condition_function()
-
- if "timeout" in kwargs:
- timeout = kwargs["timeout"]
- del kwargs["timeout"]
- else:
- timeout = TIMEOUT
-
- start_time = time.time()
- while time.time() < start_time + timeout:
- if wrapped_condition_function():
- return True
- time.sleep(0.5)
-
- raise WaitForTimeout(get_message())
diff --git a/webpack.config.js b/webpack.config.js
index 8be82a72a..1a275898e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,6 +1,6 @@
const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');
+const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const WebpackDashDynamicImport = require('@plotly/webpack-dash-dynamic-import');
const packagejson = require('./package.json');
@@ -30,8 +30,7 @@ module.exports = (env, argv) => {
let filename = (overrides.output || {}).filename;
if (!filename) {
- const modeSuffix = mode === 'development' ? 'dev' : 'min';
- filename = `${dashLibraryName}.${modeSuffix}.js`;
+ filename = `${dashLibraryName}.js`;
}
const entry = overrides.entry || { main: './src/index.js' };
@@ -45,6 +44,7 @@ module.exports = (env, argv) => {
return {
mode,
entry,
+ target: ['web', 'es5'],
output: {
path: path.resolve(__dirname, dashLibraryName),
chunkFilename: '[name].js',
@@ -65,7 +65,7 @@ module.exports = (env, argv) => {
},
{
test: /\.jsx?$/,
- include: /node_modules[\\\/](react-jsx-parser|highlight[.]js)[\\\/]/,
+ include: /node_modules[\\\/](react-jsx-parser|highlight[.]js|react-markdown|is-plain-obj)[\\\/]/,
use: {
loader: 'babel-loader',
options: {
@@ -84,7 +84,23 @@ module.exports = (env, argv) => {
{
loader: 'style-loader',
options: {
- insertAt: 'top'
+ insert: function insertAtTop(element) {
+ var parent = document.querySelector('head');
+ // eslint-disable-next-line no-underscore-dangle
+ var lastInsertedElement =
+ window._lastElementInsertedByStyleLoader;
+
+ if (!lastInsertedElement) {
+ parent.insertBefore(element, parent.firstChild);
+ } else if (lastInsertedElement.nextSibling) {
+ parent.insertBefore(element, lastInsertedElement.nextSibling);
+ } else {
+ parent.appendChild(element);
+ }
+
+ // eslint-disable-next-line no-underscore-dangle
+ window._lastElementInsertedByStyleLoader = element;
+ }
}
},
{
@@ -100,19 +116,8 @@ module.exports = (env, argv) => {
}
},
optimization: {
- minimizer: [
- new TerserPlugin({
- sourceMap: true,
- parallel: true,
- cache: './.build_cache/terser',
- terserOptions: {
- warnings: false,
- ie8: false
- }
- })
- ],
splitChunks: {
- name: true,
+ name: '[name].js',
cacheGroups: {
async: {
chunks: 'async',
@@ -135,7 +140,8 @@ module.exports = (env, argv) => {
new webpack.SourceMapDevToolPlugin({
filename: '[file].map',
exclude: ['async-plotlyjs']
- })
+ }),
+ new NodePolyfillPlugin()
]
}
-};
\ No newline at end of file
+};
diff --git a/webpack.serve.config.js b/webpack.serve.config.js
deleted file mode 100644
index c24f074cd..000000000
--- a/webpack.serve.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const config = require('./webpack.config.js');
-const path = require('path');
-
-config.entry = {main: './demo/index.js'};
-config.output = {
- filename: './output.js',
- path: path.resolve(__dirname),
-};
-config.mode = 'development';
-config.externals = undefined; // eslint-disable-line
-config.devtool = 'inline-source-map';
-module.exports = config;