test: use unified github action yml (#739)

Author: Layouwen

.github/workflows/main.yml

@@ -1,115 +1,6 @@
-name: CI
-
-on: ['push', 'pull_request']
-
+name: ✅ test
+on: [push, pull_request]
 jobs:
-  setup:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-
-      - name: cache package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: create package-lock.json
-        run: npm i --package-lock-only --ignore-scripts
-
-      - name: hack for singe file
-        run: |
-          if [ ! -d "package-temp-dir" ]; then
-            mkdir package-temp-dir
-          fi
-          cp package-lock.json package-temp-dir
-
-      - name: cache node_modules
-        id: node_modules_cache_id
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: install
-        if: steps.node_modules_cache_id.outputs.cache-hit != 'true'
-        run: npm ci
-
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: lint
-        run: npm run lint
-
-    needs: setup
-
-  compile:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: compile
-        run: npm run compile
-
-    needs: setup
-
-  coverage:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v4
-
-      - name: restore cache from package-lock.json
-        uses: actions/cache@v4
-        with:
-          path: package-temp-dir
-          key: lock-${{ github.sha }}
-
-      - name: restore cache from node_modules
-        uses: actions/cache@v4
-        with:
-          path: node_modules
-          key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
-
-      - name: coverage
-        run: npm test -- --coverage
-
-      - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v4
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-
-    needs: setup
+  test:
+    uses: react-component/rc-test/.github/workflows/test.yml@main
+    secrets: inherit

.gitignore

@@ -36,3 +36,5 @@ package-lock.json
 .dumi/tmp-test
 .dumi/tmp-production
 .env.local
+
+bun.lockb

bunfig.toml

@@ -0,0 +1,2 @@
+[install]
+peer = false

docs/examples/debug.tsx

@@ -6,7 +6,7 @@ import Menu, { ItemGroup as MenuItemGroup, MenuItem } from '../../src';
 import type { MenuProps } from '../../src';
 import '../../assets/index.less';
 import '../../assets/menu.less';
-import type { MenuInfo } from '@/interface';
+import type { MenuInfo, MenuRef } from '@/interface';
 
 const collapseNode = () => {
   return { height: 0 };
@@ -52,7 +52,7 @@ export default () => {
   const [inlineCollapsed, setInlineCollapsed] = React.useState(false);
   const [forceRender, setForceRender] = React.useState(false);
   const [openKeys, setOpenKeys] = React.useState<string[]>([]);
-  const menuRef = useRef();
+  const menuRef = useRef<MenuRef>();
 
   const onRootClick = (info: MenuInfo) => {
     console.log('Root Menu Item Click:', info);

docs/examples/inlineCollapsed.tsx

@@ -7,7 +7,7 @@ const App = () => {
   return (
     <>
       <label>
-        <input type="checkbox" value={collapsed} onChange={e => setCollapsed(e.target.checked)} />
+        <input type="checkbox" checked={collapsed} onChange={e => setCollapsed(e.target.checked)} />
         inlineCollapsed: {collapsed.toString()}
       </label>
       <Menu

docs/examples/rtl-antd.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import type { CSSMotionProps } from 'rc-motion';
-import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import Menu, { SubMenu, Item as MenuItem, Divider, MenuProps } from 'rc-menu';
 import '../../assets/index.less';
 
 function handleClick(info) {
@@ -121,11 +121,16 @@ const children2 = [
 
 const customizeIndicator = <span>Add More Items</span>;
 
-class CommonMenu extends React.Component {
+interface CommonMenuState {
+    children: React.ReactNode;
+    overflowedIndicator?: React.ReactNode;
+}
+
+class CommonMenu extends React.Component<any, CommonMenuState> {
   state = {
     children: children1,
     overflowedIndicator: undefined,
-  };
+  } as CommonMenuState;
 
   toggleChildren = () => {
     this.setState(({ children }) => ({

docs/examples/selectedKeys.tsx

@@ -5,12 +5,18 @@ import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
 
 import '../../assets/index.less';
 
-class Test extends React.Component {
+interface TestState {
+    destroyed: boolean;
+    selectedKeys: string[];
+    openKeys: string[];
+  }
+
+class Test extends React.Component<any, TestState> {
   state = {
     destroyed: false,
     selectedKeys: [],
     openKeys: [],
-  };
+  } as TestState;
 
   onSelect = info => {
     console.log('selected ', info);