Fix CI tests

Author: KoolADE85

components/dash-core-components/src/utils/optionRendering.tsx

@@ -345,11 +345,6 @@ export const OptionsList = forwardRef<OptionsListHandle, OptionsListProps>(
                 style={style}
                 role="listbox"
             >
-                {sizerDiv && (
-                    <div aria-hidden style={{height: 0, overflow: 'hidden'}}>
-                        {sizerDiv}
-                    </div>
-                )}
                 <VariableSizeList
                     ref={listRef}
                     height={listHeight}
@@ -363,6 +358,11 @@ export const OptionsList = forwardRef<OptionsListHandle, OptionsListProps>(
                 >
                     {Row}
                 </VariableSizeList>
+                {sizerDiv && (
+                    <div aria-hidden style={{height: 0, overflow: 'hidden'}}>
+                        {sizerDiv}
+                    </div>
+                )}
             </div>
         );
     }

components/dash-core-components/tests/integration/dropdown/test_a11y.py

@@ -389,6 +389,7 @@ def get_focused_option_text():
 
     # Now arrow down to first option
     send_keys(Keys.ARROW_DOWN)
+    sleep(0.1)
     assert get_focused_option_text() == "Option 0"
 
     # Test End key - should go to last option

components/dash-core-components/tests/integration/misc/test_persistence.py

@@ -121,7 +121,7 @@ def make_output(*args):
     dash_dcc.driver.set_window_size(1024, 768)
     dash_dcc.wait_for_text_to_equal("#settings", json.dumps(initial_settings))
 
-    dash_dcc.find_element("#checklist label:last-child input").click()  # 🚀
+    dash_dcc.find_element('#checklist [data-option-index="2"] input').click()  # 🚀
 
     dash_dcc.select_date_range("datepickerrange", day_range=(4,))
     dash_dcc.select_date_range("datepickerrange", day_range=(14,), start_first=False)
@@ -145,7 +145,7 @@ def make_output(*args):
 
     dash_dcc.find_element("#input").send_keys(" maybe")
 
-    dash_dcc.find_element("#radioitems label:first-child input").click()  # red
+    dash_dcc.find_element('#radioitems [data-option-index="0"] input').click()  # red
 
     range_slider = dash_dcc.find_element("#rangeslider")
     dash_dcc.click_at_coord_fractions(range_slider, 0.5, 0.25)  # 5

tests/integration/renderer/test_children_reorder.py

@@ -63,12 +63,12 @@ def swap_button_action(n_clicks, children):
     for i in range(2):
         dash_duo.wait_for_text_to_equal("h1", f"I am section {i}")
         dash_duo.find_element(f".dropdown_{i}").click()
-        dash_duo.find_element(".dash-dropdown-option:nth-child(1)").click()
+        dash_duo.find_element('.dash-dropdown-option[data-option-index="0"]').click()
         dash_duo.wait_for_text_to_equal(f".dropdown_{i} .dash-dropdown-trigger", "A")
-        dash_duo.find_element(".dash-dropdown-option:nth-child(2)").click()
+        dash_duo.find_element('.dash-dropdown-option[data-option-index="1"]').click()
         value_items = dash_duo.find_elements(f".dropdown_{i} .dash-dropdown-value-item")
         assert [item.text for item in value_items] == ["A", "B"]
-        dash_duo.find_element(".dash-dropdown-option:nth-child(3)").click()
+        dash_duo.find_element('.dash-dropdown-option[data-option-index="2"]').click()
         value_items = dash_duo.find_elements(f".dropdown_{i} .dash-dropdown-value-item")
         assert [item.text for item in value_items] == ["A", "B", "C"]
 

tests/integration/renderer/test_component_as_prop.py

@@ -357,13 +357,13 @@ def demo(n_clicks):
     dash_duo.start_server(app)
 
     dash_duo.wait_for_element("#add-option").click()
-    for i in range(1, n + 2):
+    for i in range(n + 1):
         dash_duo.wait_for_text_to_equal(
-            f"#options label:nth-child({i}) span.label-result", ""
+            f'#options [data-option-index="{i}"] span.label-result', ""
         )
-        dash_duo.wait_for_element(f"#options label:nth-child({i}) button").click()
+        dash_duo.wait_for_element(f'#options [data-option-index="{i}"] button').click()
         dash_duo.wait_for_text_to_equal(
-            f"#options label:nth-child({i}) span.label-result", "1"
+            f'#options [data-option-index="{i}"] span.label-result', "1"
         )
 
 
@@ -393,13 +393,17 @@ def opts(n):
 
     dash_duo.wait_for_text_to_equal("#counter", "0")
     dash_duo.find_element("#a").click()
-    assert len(dash_duo.find_elements("#b label input")) == 2
+    assert (
+        len(dash_duo.find_elements('#b label:not([data-option-index="-1"]) input')) == 2
+    )
     dash_duo.wait_for_text_to_equal("#counter", "0")
     dash_duo.find_element("#a").click()
-    assert len(dash_duo.find_elements("#b label input")) == 3
+    assert (
+        len(dash_duo.find_elements('#b label:not([data-option-index="-1"]) input')) == 3
+    )
     dash_duo.wait_for_text_to_equal("#counter", "0")
 
-    dash_duo.find_elements("#b label input")[0].click()
+    dash_duo.find_elements('#b label:not([data-option-index="-1"]) input')[0].click()
     dash_duo.wait_for_text_to_equal("#counter", "1")