test: update snapshot

Author: zombieJ

src/SelectInput/Content/SingleContent.tsx

@@ -6,12 +6,13 @@ import useBaseProps from '../../hooks/useBaseProps';
 import Placeholder from './Placeholder';
 import type { SharedContentProps } from '.';
 import SelectContext from '../../SelectContext';
+import { getTitle } from '../../utils/commonUtil';
 
 const SingleContent = React.forwardRef<HTMLInputElement, SharedContentProps>(
   ({ inputProps }, ref) => {
     const { prefixCls, searchValue, activeValue, displayValues, maxLength, mode } =
       useSelectInputContext();
-    const { triggerOpen } = useBaseProps();
+    const { triggerOpen, title: rootTitle } = useBaseProps();
     const selectContext = React.useContext(SelectContext);
 
     const [inputChanged, setInputChanged] = React.useState(false);
@@ -45,14 +46,23 @@ const SingleContent = React.forwardRef<HTMLInputElement, SharedContentProps>(
           restProps = {
             ...restProps,
             ...rest,
+            title: getTitle(option.data),
             className: clsx(restProps.className, className),
             style: { ...restProps.style, ...style },
           };
         }
       }
 
+      if (displayValue && !restProps.title) {
+        restProps.title = getTitle(displayValue);
+      }
+
+      if (rootTitle !== undefined) {
+        restProps.title = rootTitle;
+      }
+
       return restProps;
-    }, [displayValue, selectContext?.flattenOptions, prefixCls, mergedSearchValue]);
+    }, [displayValue, selectContext?.flattenOptions, prefixCls, mergedSearchValue, rootTitle]);
 
     React.useEffect(() => {
       if (combobox) {

tests/Select.test.tsx

@@ -2295,15 +2295,17 @@ describe('Select.Basic', () => {
   it('should support title', () => {
     const { container: container1 } = render(<Select defaultValue="lucy" options={[]} />);
     expect(container1.querySelector('.rc-select').getAttribute('title')).toBeFalsy();
-    expect(container1.querySelector('.rc-select-item').getAttribute('title')).toBe('lucy');
+    expect(container1.querySelector('.rc-select-content-value').getAttribute('title')).toBe('lucy');
     const { container: container2 } = render(<Select defaultValue="lucy" options={[]} title="" />);
     expect(container2.querySelector('.rc-select').getAttribute('title')).toBeFalsy();
-    expect(container2.querySelector('.rc-select-item').getAttribute('title')).toBe('');
+    expect(container2.querySelector('.rc-select-content-value').getAttribute('title')).toBe('');
     const { container: container3 } = render(
       <Select defaultValue="lucy" options={[]} title="title" />,
     );
     expect(container3.querySelector('.rc-select').getAttribute('title')).toBe('title');
-    expect(container3.querySelector('.rc-select-item').getAttribute('title')).toBe('title');
+    expect(container3.querySelector('.rc-select-content-value').getAttribute('title')).toBe(
+      'title',
+    );
   });
 
   it('scrollbar should be left position with rtl direction', () => {

tests/__snapshots__/Select.test.tsx.snap

@@ -187,48 +187,27 @@ exports[`Select.Basic render renders correctly 1`] = `
   class="antd select-test antd-single antd-allow-clear antd-show-search"
 >
   <div
-    class="antd-selector"
+    class="antd-content"
   >
-    <span
-      class="antd-selection-wrap"
+    <div
+      class="antd-content-value"
+      style="visibility: visible;"
+      title="2"
     >
-      <span
-        class="antd-selection-search"
-      >
-        <input
-          aria-autocomplete="list"
-          aria-controls="test-id_list"
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          aria-owns="test-id_list"
-          autocomplete="off"
-          class="antd-selection-search-input"
-          id="test-id"
-          role="combobox"
-          type="search"
-          value=""
-        />
-      </span>
-      <span
-        class="antd-selection-item"
-        title="2"
-      >
-        2
-      </span>
-    </span>
+      2
+    </div>
+    <input
+      class="antd-input"
+      id="test-id"
+      type="search"
+      value=""
+    />
   </div>
-  <span
-    aria-hidden="true"
+  <div
     class="antd-clear"
-    style="user-select: none;"
-    unselectable="on"
   >
-    <span
-      class="antd-clear-icon"
-    >
-      ×
-    </span>
-  </span>
+    ×
+  </div>
 </div>
 `;
 
@@ -286,39 +265,24 @@ exports[`Select.Basic render renders data-attributes correctly 1`] = `
 
 exports[`Select.Basic render renders disabled select correctly 1`] = `
 <div
-  class="antd select-test antd-single antd-allow-clear antd-disabled antd-show-search"
+  class="antd select-test antd-single antd-disabled antd-show-search"
 >
   <div
-    class="antd-selector"
+    class="antd-content"
   >
-    <span
-      class="antd-selection-wrap"
+    <div
+      class="antd-content-value"
+      style="visibility: visible;"
+      title="2"
     >
-      <span
-        class="antd-selection-search"
-      >
-        <input
-          aria-autocomplete="list"
-          aria-controls="test-id_list"
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          aria-owns="test-id_list"
-          autocomplete="off"
-          class="antd-selection-search-input"
-          disabled=""
-          id="test-id"
-          role="combobox"
-          type="search"
-          value=""
-        />
-      </span>
-      <span
-        class="antd-selection-item"
-        title="2"
-      >
-        2
-      </span>
-    </span>
+      2
+    </div>
+    <input
+      class="antd-input"
+      id="test-id"
+      type="search"
+      value=""
+    />
   </div>
 </div>
 `;

tests/shared/blurTest.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Option from '../../src/Option';
 import Select from '../../src/Select';
 import { injectRunAllTimers } from '../utils/common';
-import { type RenderResult, render, fireEvent, createEvent } from '@testing-library/react';
+import { type RenderResult, render, fireEvent, createEvent, act } from '@testing-library/react';
 
 export default function blurTest(mode: any) {
   describe(`blur of ${mode}`, () => {
@@ -34,8 +34,11 @@ export default function blurTest(mode: any) {
     it('clears inputValue', () => {
       fireEvent.change(wrapper.container.querySelector('input'), { target: { value: '1' } });
       fireEvent.blur(wrapper.container.querySelector('input'));
+      act(() => {
+        jest.runAllTimers();
+      });
 
-      expect(wrapper.container.querySelector('input').value).toBe('');
+      expect(wrapper.container.querySelector('input')).toHaveValue('');
     });
 
     it('blur()', () => {