Update test files #42
Annotations
10 errors
Unhandled error:
lib/github.ts#L9
Error: This module cannot be imported from a Client Component module. It should only be used from a Server Component.
❯ Object.<anonymous> node_modules/.pnpm/[email protected]/node_modules/server-only/index.js:1:7
❯ Module._compile node:internal/modules/cjs/loader:1469:14
❯ Object.Module._extensions..js node:internal/modules/cjs/loader:1548:10
❯ Module.load node:internal/modules/cjs/loader:1288:32
❯ Function.Module._load node:internal/modules/cjs/loader:1104:12
❯ Module.require node:internal/modules/cjs/loader:1311:19
❯ require node:internal/modules/helpers:179:18
❯ Module.auth node_modules/.pnpm/@clerk[email protected][email protected]_@[email protected]_@[email protected]_react-_z5ib3ku6c6sucsz6ogvkvowhpa/node_modules/@clerk/nextjs/src/app-router/server/auth.ts:30:5
❯ getOctokit lib/github.ts:9:22
❯ Proxy.getWorkflowLogs lib/github.ts:372:25
This error originated in "app/(dashboard)/dashboard/pull-request.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "app/(dashboard)/dashboard/pull-request.test.tsx". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
Unhandled error:
lib/github.ts#L9
Error: This module cannot be imported from a Client Component module. It should only be used from a Server Component.
❯ Object.<anonymous> node_modules/.pnpm/[email protected]/node_modules/server-only/index.js:1:7
❯ Module._compile node:internal/modules/cjs/loader:1469:14
❯ Object.Module._extensions..js node:internal/modules/cjs/loader:1548:10
❯ Module.load node:internal/modules/cjs/loader:1288:32
❯ Function.Module._load node:internal/modules/cjs/loader:1104:12
❯ Module.require node:internal/modules/cjs/loader:1311:19
❯ require node:internal/modules/helpers:179:18
❯ Module.auth node_modules/.pnpm/@clerk[email protected][email protected]_@[email protected]_@[email protected]_react-_z5ib3ku6c6sucsz6ogvkvowhpa/node_modules/@clerk/nextjs/src/app-router/server/auth.ts:30:5
❯ getOctokit lib/github.ts:9:22
❯ Proxy.getWorkflowLogs lib/github.ts:372:25
This error originated in "app/(dashboard)/dashboard/pull-request.test.tsx" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "app/(dashboard)/dashboard/pull-request.test.tsx". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
app/(dashboard)/dashboard/log-view.test.tsx > LogView > expands and collapses log groups:
app/(dashboard)/dashboard/log-view.test.tsx#L67
TestingLibraryElementError: Unable to find an element with the text: 1 | Line 1 of file 1. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="bg-gray-900 text-gray-100 rounded-lg overflow-hidden"
>
<div
class="flex items-center justify-between p-2 bg-gray-800"
>
<h3
class="text-sm font-semibold"
>
Logs
</h3>
</div>
<div
class="h-96 overflow-y-auto p-4 font-mono text-sm"
>
<div
class="mb-4"
>
<button
class="flex items-center text-left w-full py-2 px-4 bg-gray-800 hover:bg-gray-700 rounded"
>
<svg
class="lucide lucide-chevron-down w-4 h-4 mr-2"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m6 9 6 6 6-6"
/>
</svg>
<span
class="font-semibold"
>
test
</span>
</button>
<pre
class="whitespace-pre-wrap mt-2 pl-6 border-l-2 border-gray-700"
>
1 | Line 1 of file 1
2 | Line 2 of file 1
</pre>
</div>
<div
class="mb-4"
>
<button
class="flex items-center text-left w-full py-2 px-4 bg-gray-800 hover:bg-gray-700 rounded"
>
<svg
class="lucide lucide-chevron-right w-4 h-4 mr-2"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m9 18 6-6-6-6"
/>
</svg>
<span
class="font-semibold"
>
test
</span>
</button>
</div>
<div
class="mb-4"
>
<button
class="flex items-center text-left w-full py-2 px-4 bg-gray-800 hover:bg-gray-700 rounded"
>
<svg
class="lucide lucide-chevron-right w-4 h-4 mr-2"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m9 18 6-6-6-6"
/>
</svg>
<span
class="font-semibold"
>
Other
</span>
</button>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ app/(dashboard)/dashboard/log-view.test.tsx:67:19
|
app/(dashboard)/dashboard/log-view.test.tsx > LogView > renders empty state when no logs are provided:
app/(dashboard)/dashboard/log-view.test.tsx#L79
TestingLibraryElementError: Unable to find an element with the text: No logs available.. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="bg-gray-900 text-gray-100 rounded-lg overflow-hidden"
>
<div
class="flex items-center justify-between p-2 bg-gray-800"
>
<h3
class="text-sm font-semibold"
>
Logs
</h3>
</div>
<div
class="h-96 overflow-y-auto p-4 font-mono text-sm"
/>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ app/(dashboard)/dashboard/log-view.test.tsx:79:19
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > renders the pull request information correctly:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > displays running build status:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > disables buttons when build is running:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > updates build status periodically:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > triggers revalidation after committing changes:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > shows and hides logs when toggle is clicked:
hooks/use-log-groups.ts#L10
TypeError: logs.split is not a function
❯ hooks/use-log-groups.ts:10:24
❯ mountMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:6703:23
❯ Object.useMemo node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22455:18
❯ Proxy.process.env.NODE_ENV.exports.useMemo node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.development.js:1492:34
❯ Module.useLogGroups hooks/use-log-groups.ts:5:22
❯ PullRequestItem app/(dashboard)/dashboard/pull-request.tsx:100:22
❯ Object.react-stack-bottom-frame node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:22126:20
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:5671:22
❯ updateFunctionComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:7798:19
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom-client.development.js:9421:18
|