test: use unified github action yml

.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 --legacy-peer-deps
-
- - 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 i
-
- 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

@@ -28,3 +28,5 @@
 .env.local
 .dumi/
 package-lock.json
+
+bun.lockb

bunfig.toml

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

docs/examples/stateForm-list-draggable.tsx

@@ -31,14 +31,15 @@ const Draggable: React.FunctionComponent<DraggableProps> = ({ id, index, move, c
  opacity: isDragging ? 0.5 : 1,
  }}
  >
- {children}
+ {children as React.ReactElement}
  </div>
  );
 };
 const Demo = () => {
  const [form] = useForm();
 
  return (
+ // @ts-ignore https://github.com/react-dnd/react-dnd/issues/3636
  <DndProvider backend={HTML5Backend}>
  <div>
  <h3>Draggable List of Form</h3>

package.json

@@ -74,7 +74,7 @@
  "prettier": "^3.1.0",
  "rc-test": "^7.0.15",
  "react": "^18.0.0",
- "react-dnd": "^16.0.1",
+ "react-dnd": "^8.0.3",
  "react-dnd-html5-backend": "^8.0.3",
  "react-dom": "^18.0.0",
  "react-redux": "^9.0.4",

tests/common/index.ts

@@ -68,7 +68,7 @@ export function matchError(
  return;
 }
 
-export function matchArray(source: any[], target: any[], matchKey: React.Key) {
+export function matchArray(source: any[], target: any[], matchKey: string | number) {
  expect(matchKey).toBeTruthy();
 
  try {