Skip to content

fix(ui): multiple Select should vertical align in PageContainer extra #562

fix(ui): multiple Select should vertical align in PageContainer extra

fix(ui): multiple Select should vertical align in PageContainer extra #562

Triggered via pull request December 10, 2024 10:26
Status Failure
Total duration 3m 40s
Artifacts

test.yml

on: pull_request
Matrix: test
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 1 warning
src/ChartProvider/__tests__/theme.test.tsx > ChartProvider theme > default theme: packages/charts/src/theme/index.ts#L12
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useContext ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1484:20 ❯ Module.useTheme src/theme/index.ts:12:34 ❯ Child src/ChartProvider/__tests__/theme.test.tsx:10:27 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
src/ChartProvider/__tests__/theme.test.tsx > ChartProvider theme > light theme: packages/charts/src/theme/index.ts#L12
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useContext ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1484:20 ❯ Module.useTheme src/theme/index.ts:12:34 ❯ Child src/ChartProvider/__tests__/theme.test.tsx:24:27 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
src/ChartProvider/__tests__/theme.test.tsx > ChartProvider theme > dark theme: packages/charts/src/theme/index.ts#L12
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useContext ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1484:20 ❯ Module.useTheme src/theme/index.ts:12:34 ❯ Child src/ChartProvider/__tests__/theme.test.tsx:38:27 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
src/ChartProvider/__tests__/theme.test.tsx > ChartProvider theme > custom theme config: packages/charts/src/theme/index.ts#L12
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useContext ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1484:20 ❯ Module.useTheme src/theme/index.ts:12:34 ❯ Child src/ChartProvider/__tests__/theme.test.tsx:52:27 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
src/config-provider/__tests__/ThemeProvider.test.tsx > ConfigProvider theme with ThemeProvider > ConfigProvider theme token: packages/design/src/config-provider/__tests__/ThemeProvider.test.tsx#L22
AssertionError: expected '#f3f6fc' to be '#ff0000' // Object.is equality Expected: "#ff0000" Received: "#f3f6fc" ❯ Child3 src/config-provider/__tests__/ThemeProvider.test.tsx:22:35 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12 ❯ workLoopSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5 ❯ renderRootSync ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7 ❯ recoverFromConcurrentError ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20 ❯ performConcurrentWorkOnRoot ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25789:22
src/config-provider/__tests__/form.test.tsx > ConfigProvider form > ConfigProvider form.requiredMark should be `optional` by default and work for ProForm: packages/design/src/config-provider/__tests__/form.test.tsx#L32
AssertionError: expected null to be truthy - Expected: null + Received: false ❯ src/config-provider/__tests__/form.test.tsx:32:7
src/drawer/__tests__/index.test.tsx > Drawer > render correctly: node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js#L34
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useRef ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1515:20 ❯ Module.useRafState [as default] ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js:34:37 ❯ Module.useSize ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/index.js:38:48 ❯ Drawer src/drawer/index.tsx:71:3 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
src/drawer/__tests__/index.test.tsx > Drawer > render with default footer: node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js#L34
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useRef ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1515:20 ❯ Module.useRafState [as default] ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js:34:37 ❯ Module.useSize ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/index.js:38:48 ❯ Drawer src/drawer/index.tsx:71:3 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
src/drawer/__tests__/index.test.tsx > Drawer > render with custom footer: node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js#L34
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useRef ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1515:20 ❯ Module.useRafState [as default] ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js:34:37 ❯ Module.useSize ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/index.js:38:48 ❯ Drawer src/drawer/index.tsx:71:3 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
src/drawer/__tests__/index.test.tsx > Drawer > render with onOk: node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js#L34
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ❯ resolveDispatcher ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1476:13 ❯ Proxy.useRef ../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1515:20 ❯ Module.useRafState [as default] ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/useRafState.js:34:37 ❯ Module.useSize ../../node_modules/.pnpm/[email protected][email protected]/node_modules/ahooks/es/useSize/index.js:38:48 ❯ Drawer src/drawer/index.tsx:71:3 ❯ renderWithHooks ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18 ❯ mountIndeterminateComponent ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13 ❯ beginWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16 ❯ beginWork$1 ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14 ❯ performUnitOfWork ../../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
test (16.x, ubuntu-latest)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636