test: Init responsive test

Author: zombieJ

src/Overflow.tsx

@@ -159,9 +159,6 @@ function Overflow<ItemType = any>(
       }
     }
   }, [containerWidth, itemWidths, mergedRestWidth, getKey, mergedData]);
-  
-
-  console.log('>>>', displayCount);
 
   // ================================ Render ================================
   let overflowNode = (

tests/index.spec.tsx

@@ -37,7 +37,7 @@ describe('Overflow', () => {
       />,
     );
     expect(wrapper.find('ResizeObserver')).toHaveLength(0);
-    expect(wrapper.findItems()).toHaveLength(4 + 1);
+    expect(wrapper.findItems()).toHaveLength(4);
     expect(wrapper.findRest()).toHaveLength(1);
   });
 

tests/responsive.spec.tsx

@@ -36,9 +36,9 @@ describe('Overflow.Responsive', () => {
       />,
     );
 
-    wrapper.initSize(100, 20); // [0][1][2][3][4][+2]
-    expect(wrapper.findItems()).toHaveLength(5);
+    wrapper.initSize(100, 20); // [0][1][2][3][4][+2](5)(6)
+    expect(wrapper.findItems()).toHaveLength(6);
     expect(wrapper.findRest()).toHaveLength(1);
-    expect(wrapper.findRest().text()).toEqual('+2...');
+    expect(wrapper.findRest().text()).toEqual('+ 2 ...');
   });
 });

tests/setup.js

@@ -3,7 +3,7 @@ const Adapter = require('enzyme-adapter-react-16');
 const { act } = require('react-dom/test-utils');
 require('regenerator-runtime/runtime');
 
-window.requestAnimationFrame = func => {
+window.requestAnimationFrame = (func) => {
   window.setTimeout(func, 16);
 };
 
@@ -12,10 +12,7 @@ Enzyme.configure({ adapter: new Adapter() });
 Object.assign(Enzyme.ReactWrapper.prototype, {
   triggerResize(clientWidth) {
     act(() => {
-      this.find('ResizeObserver')
-        .first()
-        .props()
-        .onResize({}, { clientWidth });
+      this.find('ResizeObserver').first().props().onResize({}, { clientWidth });
       jest.runAllTimers();
       this.update();
     });
@@ -38,9 +35,11 @@ Object.assign(Enzyme.ReactWrapper.prototype, {
     });
   },
   findItems() {
-    return this.find('div.rc-overflow-item');
+    return this.find('Item').filterWhere(
+      (item) => item.props().className !== 'rc-overflow-item-rest',
+    );
   },
   findRest() {
-    return this.find('div.rc-overflow-item-rest');
+    return this.find('Item.rc-overflow-item-rest');
   },
 });