test: Add test case

Author: zombieJ

src/Overflow.tsx

@@ -254,7 +254,7 @@ function Overflow<ItemType = any>(
       {suffix && (
         <Item
           order={displayCount}
-          prefixCls={prefixCls}
+          prefixCls={itemPrefixCls}
           className={`${itemPrefixCls}-suffix`}
           responsive={isResponsive}
           registerSize={registerSuffixSize}

tests/responsive.spec.tsx

@@ -40,12 +40,7 @@ describe('Overflow.Responsive', () => {
     wrapper.initSize(100, 20); // [0][1][2][3][4][+2](5)(6)
     expect(wrapper.findItems()).toHaveLength(6);
     [true, true, true, true, false, false].forEach((display, i) => {
-      expect(
-        wrapper
-          .findItems()
-          .at(i)
-          .props().display,
-      ).toBe(display);
+      expect(wrapper.findItems().at(i).props().display).toBe(display);
     });
     expect(wrapper.findRest()).toHaveLength(1);
     expect(wrapper.findRest().text()).toEqual('+ 2 ...');
@@ -157,4 +152,41 @@ describe('Overflow.Responsive', () => {
       jest.runAllTimers();
     });
   });
+
+  describe('suffix', () => {
+    it('ping the position', () => {
+      const wrapper = mount(
+        <Overflow<ItemType>
+          data={getData(10)}
+          itemKey="key"
+          renderItem={renderItem}
+          maxCount="responsive"
+          suffix="Bamboo"
+        />,
+      );
+
+      wrapper.initSize(100, 20);
+
+      expect(wrapper.findSuffix().props().style).toEqual(
+        expect.objectContaining({ position: 'absolute', top: 0, left: 80 }),
+      );
+    });
+
+    it('too long to pin', () => {
+      const wrapper = mount(
+        <Overflow<ItemType>
+          data={getData(1)}
+          itemKey="key"
+          renderItem={renderItem}
+          maxCount="responsive"
+          suffix="Bamboo"
+        />,
+      );
+
+      wrapper.initSize(100, 20);
+      wrapper.triggerItemResize(0, 90);
+
+      expect(wrapper.findSuffix().props().style.position).toBeFalsy();
+    });
+  });
 });

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();
     });
@@ -39,10 +36,15 @@ Object.assign(Enzyme.ReactWrapper.prototype, {
   },
   findItems() {
     return this.find('Item').filterWhere(
-      item => item.props().className !== 'rc-overflow-item-rest',
+      (item) =>
+        item.props().className !== 'rc-overflow-item-rest' &&
+        item.props().className !== 'rc-overflow-item-suffix',
     );
   },
   findRest() {
     return this.find('Item.rc-overflow-item-rest');
   },
+  findSuffix() {
+    return this.find('Item.rc-overflow-item-suffix');
+  },
 });

tests/wrapper.ts

@@ -8,6 +8,7 @@ export interface WrapperType extends ReactWrapper<any, any> {
   initSize: (width: number, itemWidth: number) => WrapperType;
   findItems: () => WrapperType;
   findRest: () => WrapperType;
+  findSuffix: () => WrapperType;
 }
 
 export function mount(...args: MountParam) {