test: update test case

Author: zombieJ

tests/Select.test.tsx

@@ -2011,7 +2011,7 @@ describe('Select.Basic', () => {
     [undefined].forEach((value) => {
       it(`to ${value}`, () => {
         const { container, rerender } = render(<Select value="light" />);
-        expect(container.querySelector('.rc-select-content-value').textContent).toEqual('light');
+        expect(findSelection(container).textContent).toEqual('light');
 
         rerender(<Select value={value} />);
         expect(container.querySelector('.rc-select-content-value')).toBeFalsy();
@@ -2133,7 +2133,7 @@ describe('Select.Basic', () => {
         toggleOpen(container);
         selectItem(container, index);
         expect(onChange).toHaveBeenCalledWith(value, expect.anything());
-        expect(container.querySelector('.rc-select-content-value').textContent).toEqual(showValue);
+        expect(findSelection(container).textContent).toEqual(showValue);
       });
 
       expect(errorSpy).toHaveBeenCalledWith(warningMessage);
@@ -2399,9 +2399,7 @@ describe('Select.Basic', () => {
         <Select value="b" options={[{ label: 'bamboo', title: 'TitleBamboo', value: 'b' }]} />,
       );
 
-      expect(container.querySelector('.rc-select-content-value').getAttribute('title')).toEqual(
-        'TitleBamboo',
-      );
+      expect(findSelection(container).getAttribute('title')).toEqual('TitleBamboo');
     });
 
     it('multiple', () => {
@@ -2455,17 +2453,15 @@ 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-content-value').getAttribute('title')).toBe('lucy');
+    expect(findSelection(container1).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-content-value').getAttribute('title')).toBe('');
+    expect(findSelection(container2).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-content-value').getAttribute('title')).toBe(
-      'title',
-    );
+    expect(findSelection(container3).getAttribute('title')).toBe('title');
   });
 
   it('scrollbar should be left position with rtl direction', () => {

tests/__snapshots__/Select.test.tsx.snap

@@ -112,13 +112,9 @@ exports[`Select.Basic render renders aria-attributes correctly 1`] = `
 >
   <div
     class="antd-content"
+    title="2"
   >
-    <div
-      class="antd-content-value"
-      title="2"
-    >
-      2
-    </div>
+    2
     <input
       aria-autocomplete="list"
       aria-expanded="false"
@@ -147,13 +143,9 @@ exports[`Select.Basic render renders correctly 1`] = `
 >
   <div
     class="antd-content"
+    title="2"
   >
-    <div
-      class="antd-content-value"
-      title="2"
-    >
-      2
-    </div>
+    2
     <input
       aria-autocomplete="list"
       aria-expanded="false"
@@ -182,13 +174,9 @@ exports[`Select.Basic render renders data-attributes correctly 1`] = `
 >
   <div
     class="antd-content"
+    title="2"
   >
-    <div
-      class="antd-content-value"
-      title="2"
-    >
-      2
-    </div>
+    2
     <input
       aria-autocomplete="list"
       aria-expanded="false"
@@ -215,13 +203,9 @@ exports[`Select.Basic render renders disabled select correctly 1`] = `
 >
   <div
     class="antd-content"
+    title="2"
   >
-    <div
-      class="antd-content-value"
-      title="2"
-    >
-      2
-    </div>
+    2
     <input
       aria-autocomplete="list"
       aria-expanded="false"
@@ -246,13 +230,9 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
 >
   <div
     class="antd-content"
+    title="2"
   >
-    <div
-      class="antd-content-value"
-      title="2"
-    >
-      2
-    </div>
+    2
     <input
       aria-autocomplete="list"
       aria-expanded="false"

tests/placeholder.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Select from '../src';
-import { toggleOpen } from './utils/common';
+import { toggleOpen, findSelection } from './utils/common';
 import { render } from '@testing-library/react';
 
 describe('Select placeholder', () => {
@@ -26,9 +26,9 @@ describe('Select placeholder', () => {
       <Select value={null} placeholder="bamboo" options={[{ value: null, label: 'light' }]} />,
     );
     expect(container.querySelector('.rc-select-placeholder')).toBeFalsy();
-    expect(container.querySelector('.rc-select-content-value').textContent).toBe('light');
+    expect(findSelection(container).textContent).toBe('light');
     toggleOpen(container);
-    expect(container.querySelector('.rc-select-content-value').textContent).toBe('light');
+    expect(findSelection(container).textContent).toBe('light');
   });
 
   it('should hide placeholder if force closed and showSearch with searchValue', () => {

tests/utils/common.ts

@@ -46,7 +46,8 @@ export function findSelection(wrapper: any, index: number = 0) {
     const itemNode = wrapper.querySelectorAll('.rc-select-selection-item')[index];
     const contentNode =
       itemNode?.querySelector('.rc-select-selection-item-content') ||
-      wrapper.querySelector('.rc-select-content-value');
+      wrapper.querySelector('.rc-select-content-value') ||
+      wrapper.querySelector('.rc-select-content');
 
     if (contentNode) {
       return contentNode;
@@ -110,11 +111,7 @@ export function injectRunAllTimers(jest: Jest) {
   });
 }
 
-export function keyDown(
-  element: HTMLElement,
-  keyCode: number,
-  options?: Partial<KeyboardEvent>,
-) {
+export function keyDown(element: HTMLElement, keyCode: number, options?: Partial<KeyboardEvent>) {
   const event = createEvent.keyDown(element, { keyCode, ...options });
   Object.defineProperties(event, {
     which: { get: () => keyCode },