Fix dash integration tests

Author: KoolADE85

dash/testing/browser.py

@@ -432,10 +432,10 @@ def select_dcc_dropdown(self, elem_or_selector, value=None, index=None):
         dropdown = self._get_element(elem_or_selector)
         dropdown.click()
 
-        menu = dropdown.find_element(By.CSS_SELECTOR, "div.Select-menu-outer")
+        menu = dropdown.find_element(By.CSS_SELECTOR, ".dash-dropdown-options")
         logger.debug("the available options are %s", "|".join(menu.text.split("\n")))
 
-        options = menu.find_elements(By.CSS_SELECTOR, "div.VirtualizedSelectOption")
+        options = menu.find_elements(By.CSS_SELECTOR, ".dash-dropdown-option")
         if options:
             if isinstance(index, int):
                 options[index].click()

tests/integration/renderer/test_children_reorder.py

@@ -62,28 +62,32 @@ 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.wait_for_text_to_equal(
-            f".dropdown_{i} .Select-multi-value-wrapper", "Select..."
-        )
+        # dash_duo.wait_for_text_to_equal(
+        #     f".dropdown_{i} .Select-multi-value-wrapper", "Select..."
+        # )
         dash_duo.find_element(f".dropdown_{i}").click()
-        dash_duo.find_element(f".dropdown_{i} .VirtualizedSelectOption").click()
-        dash_duo.wait_for_text_to_equal(
-            f".dropdown_{i} .Select-multi-value-wrapper", "×A\n "
-        )
+        dash_duo.find_element(
+            f".dropdown_{i} .dash-dropdown-option:nth-child(1)"
+        ).click()
+        dash_duo.wait_for_text_to_equal(f".dropdown_{i} .dash-dropdown-trigger", "A")
         dash_duo.find_element(f".dropdown_{i}").click()
-        dash_duo.find_element(f".dropdown_{i} .VirtualizedSelectOption").click()
+        dash_duo.find_element(
+            f".dropdown_{i} .dash-dropdown-option:nth-child(2)"
+        ).click()
         dash_duo.wait_for_text_to_equal(
-            f".dropdown_{i} .Select-multi-value-wrapper", "×A\n ×B\n "
+            f".dropdown_{i} .dash-dropdown-trigger", "A, B\n2 selected"
         )
         dash_duo.find_element(f".dropdown_{i}").click()
-        dash_duo.find_element(f".dropdown_{i} .VirtualizedSelectOption").click()
+        dash_duo.find_element(
+            f".dropdown_{i} .dash-dropdown-option:nth-child(3)"
+        ).click()
         dash_duo.wait_for_text_to_equal(
-            f".dropdown_{i} .Select-multi-value-wrapper", "×A\n ×B\n ×C\n "
+            f".dropdown_{i} .dash-dropdown-trigger", "A, B, C\n3 selected"
         )
         dash_duo.find_element(f".swap_button_{i}").click()
     dash_duo.wait_for_text_to_equal(
-        f".dropdown_{0} .Select-multi-value-wrapper", "×A\n ×B\n ×C\n "
+        f".dropdown_{0} .dash-dropdown-trigger", "A, B, C\n3 selected"
     )
     dash_duo.wait_for_text_to_equal(
-        f".dropdown_{1} .Select-multi-value-wrapper", "×A\n ×B\n ×C\n "
+        f".dropdown_{1} .dash-dropdown-trigger", "A, B, C\n3 selected"
     )

tests/integration/renderer/test_component_as_prop.py

@@ -454,7 +454,8 @@ def on_button(n_clicks):
     # Initial callback
     dash_duo.wait_for_text_to_equal("#counter", "1")
 
-    search = dash_duo.wait_for_element("#my-dynamic-dropdown input")
+    dash_duo.wait_for_element("#my-dynamic-dropdown").click()
+    search = dash_duo.wait_for_element("#my-dynamic-dropdown .dash-dropdown-search")
 
     search.send_keys("a")