Add test for assets.

T4rk1n · T4rk1n · commit 84acbab35048 · 2018-07-11T16:45:45.000-04:00
diff --git a/tests/assets/load_first.js b/tests/assets/load_first.js
@@ -0,0 +1 @@
+window.tested = ['load_first'];
diff --git a/tests/assets/nested_css/nested.css b/tests/assets/nested_css/nested.css
@@ -0,0 +1,3 @@
+#content {
+    padding: 8px;
+}
diff --git a/tests/assets/nested_js/load_after.js b/tests/assets/nested_js/load_after.js
@@ -0,0 +1 @@
+window.tested.push('load_after');
diff --git a/tests/assets/nested_js/load_after1.js b/tests/assets/nested_js/load_after1.js
@@ -0,0 +1,2 @@
+window.tested.push('load_after1');
+document.getElementById('tested').innerHTML = JSON.stringify(window.tested);
diff --git a/tests/assets/reset.css b/tests/assets/reset.css
@@ -0,0 +1 @@
+body {margin: 0;}
diff --git a/tests/test_integration.py b/tests/test_integration.py
@@ -1,3 +1,4 @@
+import json
 from multiprocessing import Value
 import datetime
 import itertools
@@ -322,6 +323,9 @@ def test_index_customization(self):
                     throw Error('could not find container to add');
                 }
                 elem.innerHTML = 'Got added';
+                var config = {};
+                fetch('/nonexist').then(r => r.json())
+                    .then(r => config = r).catch(err => ({config}));
                 </script>
             </body>
         </html>
@@ -344,3 +348,51 @@ def test_index_customization(self):
         self.assertEqual('Got added', add.text)
 
         self.percy_snapshot('custom-index')
+
+    def test_assets(self):
+        app = dash.Dash(assets_folder='tests/assets')
+        app.index_string = '''
+        <!DOCTYPE html>
+        <html>
+            <head>
+                {metas}
+                <title>{title}</title>
+                {css}
+            </head>
+            <body>
+                <div id="tested"></div>
+                {app_entry}
+                <footer>
+                    {config}
+                    {scripts}
+                </footer>
+            </body>
+        </html>
+        '''
+
+        app.layout = html.Div([
+            html.Div(id='content'),
+            dcc.Input(id='test')
+        ], id='layout')
+
+        self.startServer(app)
+
+        body = self.driver.find_element_by_tag_name('body')
+
+        body_margin = body.value_of_css_property('margin')
+        self.assertEqual('0px', body_margin)
+
+        content = self.wait_for_element_by_id('content')
+        content_padding = content.value_of_css_property('padding')
+        self.assertEqual('8px', content_padding)
+
+        tested = self.wait_for_element_by_id('tested')
+        tested = json.loads(tested.text)
+        self.assertEqual(3, len(tested))
+
+        order = ('load_first', 'load_after', 'load_after1')
+
+        for i in range(3):
+            self.assertEqual(order[i], tested[i])
+
+        self.percy_snapshot('test assets includes')

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+#content {`
	`2`	`+ padding: 8px;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+window.tested.push('load_after1');`
	`2`	`+document.getElementById('tested').innerHTML = JSON.stringify(window.tested);`