test: batch update

Author: zombieJ

src/SelectInput/Content/SingleContent.tsx

@@ -1,9 +1,11 @@
 import * as React from 'react';
+import clsx from 'clsx';
 import Input from '../Input';
 import { useSelectInputContext } from '../context';
 import useBaseProps from '../../hooks/useBaseProps';
 import Placeholder from './Placeholder';
 import type { SharedContentProps } from '.';
+import SelectContext from '../../SelectContext';
 
 export default React.forwardRef<HTMLInputElement, SharedContentProps>(function SingleContent(
   { inputProps },
@@ -12,6 +14,7 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function S
   const { prefixCls, searchValue, activeValue, displayValues, maxLength, mode } =
     useSelectInputContext();
   const { triggerOpen } = useBaseProps();
+  const selectContext = React.useContext(SelectContext);
 
   const [inputChanged, setInputChanged] = React.useState(false);
 
@@ -24,6 +27,32 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function S
     mergedSearchValue = activeValue;
   }
 
+  // Extract option props, excluding label and value, and handle className/style merging
+  const optionProps = React.useMemo(() => {
+    let restProps = {
+      className: `${prefixCls}-content-value`,
+      style: {
+        visibility: mergedSearchValue ? 'hidden' : 'visible',
+      },
+    };
+
+    if (displayValue && selectContext?.flattenOptions) {
+      const option = selectContext.flattenOptions.find((opt) => opt.value === displayValue.value);
+      if (option?.data) {
+        const { label, value, className, style, ...rest } = option.data;
+
+        restProps = {
+          ...restProps,
+          ...rest,
+          className: clsx(restProps.className, className),
+          style: { ...restProps.style, ...style },
+        };
+      }
+    }
+
+    return restProps;
+  }, [displayValue, selectContext?.flattenOptions, prefixCls, mergedSearchValue]);
+
   React.useEffect(() => {
     if (combobox) {
       setInputChanged(false);
@@ -33,14 +62,7 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function S
   return (
     <div className={`${prefixCls}-content`}>
       {displayValue ? (
-        <div
-          className={`${prefixCls}-content-value`}
-          style={{
-            visibility: mergedSearchValue ? 'hidden' : 'visible',
-          }}
-        >
-          {displayValue.label}
-        </div>
+        <div {...optionProps}>{displayValue.label}</div>
       ) : (
         <Placeholder hasSearchValue={!!mergedSearchValue} />
       )}

tests/Select.test.tsx

@@ -2204,8 +2204,7 @@ describe('Select.Basic', () => {
         <Select value="b" options={[{ label: 'bamboo', title: 'TitleBamboo', value: 'b' }]} />,
       );
 
-      // expect(container.find('.rc-select-item').prop('title')).toEqual('TitleBamboo');
-      expect(container.querySelector('.rc-select-item').getAttribute('title')).toEqual(
+      expect(container.querySelector('.rc-select-content-value').getAttribute('title')).toEqual(
         'TitleBamboo',
       );
     });

tests/utils/common.ts

@@ -35,7 +35,9 @@ export function selectItem(wrapper: any, index: number = 0) {
 export function findSelection(wrapper: any, index: number = 0) {
   if (wrapper instanceof HTMLElement) {
     const itemNode = wrapper.querySelectorAll('.rc-select-item')[index];
-    const contentNode = itemNode.querySelector('.rc-select-item-content');
+    const contentNode =
+      itemNode?.querySelector('.rc-select-item-content') ||
+      wrapper.querySelector('.rc-select-content-value');
 
     if (contentNode) {
       return contentNode;