fix test

Author: KoolADE85

components/dash-core-components/src/components/Checklist.tsx

@@ -1,11 +1,10 @@
 import React, {useMemo} from 'react';
-import {append, includes, without} from 'ramda';
 import {ChecklistProps, PersistedProps, PersistenceTypes} from '../types';
 import './css/checklist.css';
 
 import {sanitizeOptions} from '../utils/optionTypes';
 import LoadingElement from '../utils/_LoadingElement';
-import {Option, OptionsList} from '../utils/optionRendering';
+import {OptionsList} from '../utils/optionRendering';
 
 /**
  * Checklist is a component that encapsulates several checkboxes.

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

@@ -84,7 +84,6 @@ export const Option: React.FC<OptionProps> = ({
             role="option"
             aria-selected={isSelected}
             style={optionStyle}
-            title={option.title}
         >
             <input
                 type={inputType}
@@ -100,7 +99,11 @@ export const Option: React.FC<OptionProps> = ({
                 className={inputClassNames.join(' ')}
                 style={inputStyle}
             />
-            <span className={labelClassNames.join(' ')} style={labelStyle}>
+            <span
+                className={labelClassNames.join(' ')}
+                style={labelStyle}
+                title={option.title}
+            >
                 <OptionLabel {...option} index={index} />
             </span>
         </label>

tests/integration/renderer/test_component_as_prop.py

@@ -358,9 +358,13 @@ def demo(n_clicks):
 
     dash_duo.wait_for_element("#add-option").click()
     for i in range(1, n + 2):
-        dash_duo.wait_for_text_to_equal(f"#options label:nth-child({i}) span", "")
+        dash_duo.wait_for_text_to_equal(
+            f"#options label:nth-child({i}) span.label-result", ""
+        )
         dash_duo.wait_for_element(f"#options label:nth-child({i}) button").click()
-        dash_duo.wait_for_text_to_equal(f"#options label:nth-child({i}) span", "1")
+        dash_duo.wait_for_text_to_equal(
+            f"#options label:nth-child({i}) span.label-result", "1"
+        )
 
 
 @flaky(max_runs=3)