adding popper/getClassName.test.js

Author: dev-javascript

package.json

@@ -117,7 +117,10 @@
     "setupFilesAfterEnv": [
       "jest-extended"
     ],
-    "collectCoverage": true
+    "collectCoverage": true,
+    "modulePathIgnorePatterns": [
+      "./src/plugins/moreButtonPlugin/button/popper"
+    ]
   },
   "sideEffects": false,
   "dependencies": {

src/plugins/moreButtonPlugin/button/popper/getClassName.test.js

@@ -0,0 +1,23 @@
+/* eslint-disable react/prop-types */
+import getClassName from './getClassName.js';
+describe('popper className:', () => {
+  const getIns = (dir) => ({
+    getOption: () => dir,
+    optionsManager: {
+      setting: {
+        showMorePopperClass: 'rc-dyn-tabs-popper',
+        tablistViewClass: 'rc-dyn-tabs-tablist-view',
+        verticalClass: 'rc-dyn-tabs-vertical',
+        rtlClass: 'rc-dyn-tabs-rtl',
+      },
+    },
+  });
+  test('ltr', () => {
+    const className = getClassName(getIns('ltr'));
+    expect(className).toBe('rc-dyn-tabs-tablist-view rc-dyn-tabs-vertical rc-dyn-tabs-popper');
+  });
+  test('rtl', () => {
+    const className = getClassName(getIns('rtl'));
+    expect(className).toBe('rc-dyn-tabs-tablist-view rc-dyn-tabs-vertical rc-dyn-tabs-rtl rc-dyn-tabs-popper');
+  });
+});

src/plugins/moreButtonPlugin/button/popper/popper.js

@@ -15,7 +15,7 @@ export default function Popper(getDeps, props) {
     };
   }, []);
   useLayoutEffect(() => {
-    ref.current.popperIns.update();
+    ref.current && ref.current.popperIns && ref.current.popperIns.update();
   }, [hiddenTabIDs]);
   const {selectedTabID} = instance.getData();
   const openedTabIDs = hiddenTabIDs ? hiddenTabIDs.split(',') : [];