deipanema is testing out GitHub Actions ๐ #49
Annotations
10 errors
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "์ ๋ชฉ ์
๋ ฅ ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "์ ๋ชฉ ์
๋ ฅ ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "ํ์ผ ์
๋ก๋ ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "๋ชฉํ ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ธํ
ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "๋ชฉํ ๊ธฐ๋ณธ ๊ฐ์ผ๋ก ์ธํ
ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "์ ํ ์ผ ์ ์ถํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.tsx#L38
Error: [vitest] No "getGoals" export is defined on the "@/api/goalAPI" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("@/api/goalAPI"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
โฏ VitestMocker.createError node_modules/vitest/dist/chunks/execute._eQQfgI8.js:320:19
โฏ Object.get node_modules/vitest/dist/chunks/execute._eQQfgI8.js:388:22
โฏ fetchGoalList src/components/CreateNewTodo.tsx:38:28
โฏ src/components/CreateNewTodo.tsx:94:5
โฏ commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:23189:26
โฏ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom.development.js:24970:11
โฏ commitPassiveMountEffects_complete node_modules/react-dom/cjs/react-dom.development.js:24930:9
โฏ commitPassiveMountEffects_begin node_modules/react-dom/cjs/react-dom.development.js:24917:7
โฏ commitPassiveMountEffects node_modules/react-dom/cjs/react-dom.development.js:24905:3
โฏ flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:27078:3
This error originated in "src/components/CreateNewTodo.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 "ํ ์ผ ์์ ํ๊ธฐ". 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.
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.test.tsx#L87
AssertionError: expected "spy" to be called with arguments: [ 1 ]
Received:
Number of calls: 0
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<form
class="flex flex-col gap-6"
>
<div>
<h2
class="mb-3 font-semibold"
>
์ ๋ชฉ
</h2>
<label
class="sr-only"
for="title"
>
ํ ์ผ์ ์ ๋ชฉ
</label>
<input
class="w-full rounded-xl bg-slate-50 px-6 py-3 focus:outline-none"
id="title"
maxlength="30"
name="title"
placeholder="ํ ์ผ์ ์ ๋ชฉ์ ์ ์ด์ฃผ์ธ์"
required=""
value=""
/>
</div>
<div>
<h2
class="mb-3 font-semibold"
>
์๋ฃ
</h2>
<div
class="mb-3 flex gap-3"
>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
style="pointer-events: none;"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
ํ์ผ ์
๋ก๋
</span>
</div>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
๋งํฌ ์ฒจ๋ถ
</span>
</div>
</div>
<div
class="flex h-[184px] w-full cursor-pointer items-center justify-center rounded-xl bg-slate-50"
>
<div
class="text-center text-slate-400"
>
<div
class="hover:underline"
>
<p>
+
</p>
<p>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</p>
</div>
<label
class="sr-only"
for="file-upload"
>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</label>
<input
class="absolute opacity-0"
id="file-upload"
type="file"
/>
</div>
</div>
</div>
<div
class="relative"
>
<h2
class="mb-3 font-semibold"
data-testid="modal-heading"
>
๋ชฉํ
</h2>
<div
class="flex w-full cursor-pointer justify-between rounded-xl bg-slate-50 px-[20px] py-3"
>
<p
class="text-slate-400"
>
๋ชฉํ๋ฅผ ์ ํํด์ฃผ์ธ์
</p>
<img
alt="arrowdown-icon"
data-nimg="1"
decoding="async"
height="24"
loading="lazy"
src="/modal-arrowdown.svg"
style="color: transparent;"
width="24"
/>
</div>
</div>
<button
class="mb-6 mt-4 flex h-[50px] w-full items-center justify-center rounded-xl border bg-blue-400 py-3 text-base text-white hover:bg-blue-500 disabled:bg-blue-200"
disabled=""
type="submit"
>
์์ฑ
ํ๊ธฐ
</button>
</form>
</div>
</body>
</html>
โฏ src/components/CreateNewTodo.test.tsx:87:23
โฏ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12
โฏ checkCallback node_modules/@testing-library/d
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.test.tsx#L100
TestingLibraryElementError: Unable to find an element with the text: ํ์ธ. 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>
<form
class="flex flex-col gap-6"
>
<div>
<h2
class="mb-3 font-semibold"
>
์ ๋ชฉ
</h2>
<label
class="sr-only"
for="title"
>
ํ ์ผ์ ์ ๋ชฉ
</label>
<input
class="w-full rounded-xl bg-slate-50 px-6 py-3 focus:outline-none"
id="title"
maxlength="30"
name="title"
placeholder="ํ ์ผ์ ์ ๋ชฉ์ ์ ์ด์ฃผ์ธ์"
required=""
value="๋
ธ๋ ์ ์ "
/>
</div>
<div>
<h2
class="mb-3 font-semibold"
>
์๋ฃ
</h2>
<div
class="mb-3 flex gap-3"
>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
style="pointer-events: none;"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
ํ์ผ ์
๋ก๋
</span>
</div>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
๋งํฌ ์ฒจ๋ถ
</span>
</div>
</div>
<div
class="flex h-[184px] w-full cursor-pointer items-center justify-center rounded-xl bg-slate-50"
>
<div
class="text-center text-slate-400"
>
<div
class="hover:underline"
>
<p>
+
</p>
<p>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</p>
</div>
<label
class="sr-only"
for="file-upload"
>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</label>
<input
class="absolute opacity-0"
id="file-upload"
type="file"
/>
</div>
</div>
</div>
<div
class="relative"
>
<h2
class="mb-3 font-semibold"
data-testid="modal-heading"
>
๋ชฉํ
</h2>
<div
class="flex w-full cursor-pointer justify-between rounded-xl bg-slate-50 px-[20px] py-3"
>
<p
class="text-slate-400"
>
๋ชฉํ๋ฅผ ์ ํํด์ฃผ์ธ์
</p>
<img
alt="arrowdown-icon"
data-nimg="1"
decoding="async"
height="24"
loading="lazy"
src="/modal-arrowdown.svg"
style="color: transparent;"
width="24"
/>
</div>
</div>
<button
class="mb-6 mt-4 flex h-[50px] w-full items-center justify-center rounded-xl border bg-blue-400 py-3 text-base text-white hover:bg-blue-500 disabled:bg-blue-200"
type="submit"
>
์์ฑ
ํ๊ธฐ
</button>
</form>
</div>
</body>
โฏ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
โฏ src/components/CreateNewTodo.test.tsx:100:34
|
|
โถ๏ธ Run test:
src/components/CreateNewTodo.test.tsx#L125
TestingLibraryElementError: Unable to find an element with the text: ์์ . 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>
<form
class="flex flex-col gap-6"
>
<div>
<h2
class="mb-3 font-semibold"
>
์ ๋ชฉ
</h2>
<label
class="sr-only"
for="title"
>
ํ ์ผ์ ์ ๋ชฉ
</label>
<input
class="w-full rounded-xl bg-slate-50 px-6 py-3 focus:outline-none"
id="title"
maxlength="30"
name="title"
placeholder="ํ ์ผ์ ์ ๋ชฉ์ ์ ์ด์ฃผ์ธ์"
required=""
value="๋
ธ๋๋ฅผ ์ ํด๋ณด์"
/>
</div>
<div>
<h2
class="mb-3 font-semibold"
>
์๋ฃ
</h2>
<div
class="mb-3 flex gap-3"
>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
style="pointer-events: none;"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
ํ์ผ ์
๋ก๋
</span>
</div>
<div
class="flex w-fit cursor-pointer gap-[7px] rounded-md border p-2 bg-slate-100 text-black"
>
<img
alt="checkbox-icon"
data-nimg="1"
decoding="async"
height="18"
loading="lazy"
src="/modal-unchecked.svg"
style="color: transparent;"
width="18"
/>
<span>
๋งํฌ ์ฒจ๋ถ
</span>
</div>
</div>
<div
class="flex h-[184px] w-full cursor-pointer items-center justify-center rounded-xl bg-slate-50"
>
<div
class="text-center text-slate-400"
>
<div
class="hover:underline"
>
<p>
+
</p>
<p>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</p>
</div>
<label
class="sr-only"
for="file-upload"
>
ํ์ผ์ ์
๋ก๋ํด์ฃผ์ธ์
</label>
<input
class="absolute opacity-0"
id="file-upload"
type="file"
/>
</div>
</div>
</div>
<div
class="relative"
>
<h2
class="mb-3 font-semibold"
data-testid="modal-heading"
>
๋ชฉํ
</h2>
<div
class="flex w-full cursor-pointer justify-between rounded-xl bg-slate-50 px-[20px] py-3"
>
<p
class="text-slate-400"
>
๋ชฉํ๋ฅผ ์ ํํด์ฃผ์ธ์
</p>
<img
alt="arrowdown-icon"
data-nimg="1"
decoding="async"
height="24"
loading="lazy"
src="/modal-arrowdown.svg"
style="color: transparent;"
width="24"
/>
</div>
</div>
<button
class="mb-6 mt-4 flex h-[50px] w-full items-center justify-center rounded-xl border bg-blue-400 py-3 text-base text-white hover:bg-blue-500 disabled:bg-blue-200"
type="submit"
>
์์ฑ
ํ๊ธฐ
</button>
</form>
</div>
</body>
โฏ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
โฏ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
โฏ src/components/CreateNewTodo.test.tsx:125:34
|
Loading