refactor: bump rc-select version with @rc-component/react (#398)

* chore: init

* chore: bump rc-test

.fatherrc.js

@@ -1,9 +1,5 @@
-export default {
-  cjs: 'babel',
-  esm: { type: 'babel', importLibToEs: true },
-  preCommit: {
-    eslint: true,
-    prettier: true,
-  },
-  runtimeHelpers: true,
-};
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  plugins: ['@rc-component/father-plugin'],
+});

.github/workflows/main.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v1
         with:
-          node-version: '12'
+          node-version: '16'
 
       - name: cache package-lock.json
         uses: actions/cache@v2

package.json

@@ -36,11 +36,14 @@
     "compile": "father build",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.jsx",
-    "test": "father test",
+    "test": "rc-test",
     "coverage": "father test --coverage",
     "now-build": "npm run build"
   },
   "devDependencies": {
+    "@rc-component/father-plugin": "^1.0.0",
+    "@rc-component/trigger": "^1.4.0",
+    "@testing-library/react": "^12.1.5",
     "@types/classnames": "^2.2.6",
     "@types/enzyme": "^3.1.15",
     "@types/jest": "^27.0.2",
@@ -50,25 +53,25 @@
     "cross-env": "^7.0.0",
     "dumi": "^2.1.10",
     "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.0.2",
+    "enzyme-adapter-react-16": "^1.15.6",
     "enzyme-to-json": "^3.2.1",
-    "father": "^2.13.2",
+    "father": "^4.0.0",
     "gh-pages": "^3.1.0",
     "glob": "^7.1.6",
+    "less": "^3.13.1",
     "np": "^7.6.0",
     "prettier": "^2.7.1",
     "rc-form": "^2.4.0",
-    "rc-trigger": "^5.0.4",
+    "rc-test": "^7.0.14",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "typescript": "^4.4.2",
-    "less": "^3.13.1"
+    "typescript": "^4.4.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.12.5",
     "array-tree-filter": "^2.1.0",
     "classnames": "^2.3.1",
-    "rc-select": "~14.2.0",
+    "rc-select": "~14.3.0",
     "rc-tree": "~5.7.0",
     "rc-util": "^5.6.1"
   },

src/Cascader.tsx

@@ -1,9 +1,9 @@
+import type { BuildInPlacements } from '@rc-component/trigger/lib/interface';
 import type { BaseSelectProps, BaseSelectPropsWithoutPrivate, BaseSelectRef } from 'rc-select';
 import { BaseSelect } from 'rc-select';
 import type { DisplayValueType, Placement } from 'rc-select/lib/BaseSelect';
 import useId from 'rc-select/lib/hooks/useId';
 import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
-import type { BuildInPlacements } from 'rc-trigger/lib/interface';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import * as React from 'react';
 import CascaderContext from './context';

tests/__mocks__/@rc-component/trigger.js

@@ -0,0 +1,3 @@
+import Trigger from '@rc-component/trigger/lib/mock';
+
+export default Trigger;

tests/__snapshots__/index.spec.tsx.snap

@@ -62,8 +62,8 @@ exports[`Cascader.Basic should not show title when title is falsy 1`] = `
 
 exports[`Cascader.Basic should render custom dropdown correctly 1`] = `
 <div
-  class="rc-cascader-dropdown"
-  style="opacity: 0; min-width: auto;"
+  class="rc-cascader-dropdown rc-cascader-dropdown-placement-bottomLeft"
+  style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: auto;"
 >
   <div>
     <div

tests/__snapshots__/search.spec.tsx.snap

@@ -4,6 +4,48 @@ exports[`Cascader.Search should correct render Cascader with same field name of
 <div
   class="rc-cascader rc-cascader-single rc-cascader-show-arrow rc-cascader-open rc-cascader-show-search"
 >
+  <div
+    class="rc-cascader-dropdown rc-cascader-dropdown-placement-bottomLeft"
+    style="left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0;"
+  >
+    <div>
+      <div
+        class="rc-cascader-menus"
+      >
+        <ul
+          class="rc-cascader-menu"
+          role="menu"
+        >
+          <li
+            aria-checked="false"
+            class="rc-cascader-menu-item"
+            data-path-key="Zhejiang__RC_CASCADER_SPLIT__Hangzhou__RC_CASCADER_SPLIT__West Lake"
+            role="menuitemcheckbox"
+            title="Zhejiang / Hangzhou / West Lake"
+          >
+            <div
+              class="rc-cascader-menu-item-content"
+            >
+              Zhejiang / Hangzhou / West Lake
+            </div>
+          </li>
+          <li
+            aria-checked="false"
+            class="rc-cascader-menu-item rc-cascader-menu-item-disabled"
+            data-path-key="Zhejiang__RC_CASCADER_SPLIT__Hangzhou__RC_CASCADER_SPLIT__Xia Sha"
+            role="menuitemcheckbox"
+            title="Zhejiang / Hangzhou / Xia Sha"
+          >
+            <div
+              class="rc-cascader-menu-item-content"
+            >
+              Zhejiang / Hangzhou / Xia Sha
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
   <div
     class="rc-cascader-selector"
   >
@@ -29,50 +71,6 @@ exports[`Cascader.Search should correct render Cascader with same field name of
       style="visibility: hidden;"
     />
   </div>
-  <div>
-    <div
-      class="rc-cascader-dropdown"
-      style="opacity: 0; min-width: 0;"
-    >
-      <div>
-        <div
-          class="rc-cascader-menus"
-        >
-          <ul
-            class="rc-cascader-menu"
-            role="menu"
-          >
-            <li
-              aria-checked="false"
-              class="rc-cascader-menu-item"
-              data-path-key="Zhejiang__RC_CASCADER_SPLIT__Hangzhou__RC_CASCADER_SPLIT__West Lake"
-              role="menuitemcheckbox"
-              title="Zhejiang / Hangzhou / West Lake"
-            >
-              <div
-                class="rc-cascader-menu-item-content"
-              >
-                Zhejiang / Hangzhou / West Lake
-              </div>
-            </li>
-            <li
-              aria-checked="false"
-              class="rc-cascader-menu-item rc-cascader-menu-item-disabled"
-              data-path-key="Zhejiang__RC_CASCADER_SPLIT__Hangzhou__RC_CASCADER_SPLIT__Xia Sha"
-              role="menuitemcheckbox"
-              title="Zhejiang / Hangzhou / Xia Sha"
-            >
-              <div
-                class="rc-cascader-menu-item-content"
-              >
-                Zhejiang / Hangzhou / Xia Sha
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
   <span
     aria-hidden="true"
     class="rc-cascader-arrow"

tests/private.spec.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports */
 
+import { render } from '@testing-library/react';
 import React from 'react';
-import { mount } from './enzyme';
 import Cascader from '../src';
 
 describe('Cascader.Private', () => {
   it('dropdownPrefixCls', () => {
-    const wrapper = mount(
+    const { container } = render(
       <Cascader
         defaultValue={['light', 'toy']}
         options={[
@@ -27,6 +27,7 @@ describe('Cascader.Private', () => {
       />,
     );
 
-    expect(wrapper.render()).toMatchSnapshot();
+    expect(container.querySelector('.bamboo-dropdown')).toBeTruthy();
+    expect(container.querySelector('.little-menus')).toBeTruthy();
   });
 });

tsconfig.json

@@ -3,14 +3,20 @@
     "target": "esnext",
     "moduleResolution": "node",
     "baseUrl": "./",
-    "jsx": "preserve",
+    "jsx": "react",
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": ["src/*"],
-      "@@/*": ["src/.umi/*"],
-      "rc-cascader": ["src/index.ts"]
+      "@/*": [
+        "src/*"
+      ],
+      "@@/*": [
+        "src/.umi/*"
+      ],
+      "rc-cascader": [
+        "src/index.ts"
+      ]
     }
   }
 }