11import React from 'react' ;
2+ import { fireEvent , render } from '@testing-library/react' ;
23import Cascader from '../src' ;
3- import type { ReactWrapper } from './enzyme' ;
4- import { mount } from './enzyme' ;
54
65describe ( 'Cascader.Search' , ( ) => {
7- function doSearch ( wrapper : ReactWrapper , search : string ) {
8- wrapper . find ( 'input' ) . simulate ( 'change' , {
6+ function doSearch ( container : HTMLElement , search : string ) {
7+ const input = container . querySelector ( 'input' ) ;
8+ fireEvent . change ( input ! , {
99 target : {
1010 value : search ,
1111 } ,
@@ -27,7 +27,7 @@ describe('Cascader.Search', () => {
2727 }
2828
2929 it ( 'limit' , ( ) => {
30- const wrapper = mount (
30+ const { container } = render (
3131 < Cascader
3232 options = { options }
3333 open
@@ -37,13 +37,13 @@ describe('Cascader.Search', () => {
3737 /> ,
3838 ) ;
3939
40- doSearch ( wrapper , 'as' ) ;
41- const itemList = wrapper . find ( 'div.rc-cascader-menu-item-content' ) ;
40+ doSearch ( container , 'as' ) ;
41+ const itemList = container . querySelectorAll ( 'div.rc-cascader-menu-item-content' ) ;
4242 expect ( itemList ) . toHaveLength ( 100 ) ;
4343 } ) ;
4444
4545 it ( 'limit' , ( ) => {
46- const wrapper = mount (
46+ const { container } = render (
4747 < Cascader
4848 options = { options }
4949 open
@@ -53,13 +53,13 @@ describe('Cascader.Search', () => {
5353 /> ,
5454 ) ;
5555
56- doSearch ( wrapper , 'as' ) ;
57- const itemList = wrapper . find ( 'div.rc-cascader-menu-item-content' ) ;
56+ doSearch ( container , 'as' ) ;
57+ const itemList = container . querySelectorAll ( 'div.rc-cascader-menu-item-content' ) ;
5858 expect ( itemList ) . toHaveLength ( 100 ) ;
5959 } ) ;
6060
6161 it ( 'limit' , ( ) => {
62- const wrapper = mount (
62+ const { container } = render (
6363 < Cascader
6464 options = { options }
6565 open
@@ -69,8 +69,8 @@ describe('Cascader.Search', () => {
6969 /> ,
7070 ) ;
7171
72- doSearch ( wrapper , 'as' ) ;
73- const itemList = wrapper . find ( 'div.rc-cascader-menu-item-content' ) ;
72+ doSearch ( container , 'as' ) ;
73+ const itemList = container . querySelectorAll ( 'div.rc-cascader-menu-item-content' ) ;
7474 expect ( itemList ) . toHaveLength ( 20 ) ;
7575 } ) ;
7676} ) ;
0 commit comments