vitest 프론트엔드 테스트 코드 문법? 에러 (리액트)

Question

테스트코드를 프로젝트에 도입하려고 vitest 를 막 배우기 시작했습니다. //IncreaseButton.test.ts import IncreaseButton from "components/IncreaseButton"; import {test, expect, describe } from "vitest"; import { render, screen } from "@testing-library/react"; describe("IncreaseButton", () => { test("renders", () => { render(); expect(screen.getByText("Increase")).toBeDefined(); }); }); //IncreaseButton.tsx const IncreaseButton = ({ setCount }) => { return ( ); }; export default IncreaseButton;간단한 컴포넌트를 만들고 [컴포넌트 내 "Increase" 이라는 텍스트 존재 여부] 테스트를 진행했는데요. 자꾸 에러가 뜹니다. 구글링해도 도무지 원인을 모르겠어요...뭐 자꾸 문법오류라는데 아무리 봐도 문법적인 문제가 없는 것 같아서요.. FAIL src/__test__/IncreaseButton.test.js [ src/__test__/IncreaseButton.test.js ] Error: Expression expected ❯ getRollupEror node_modules/rollup/dist/es/shared/parseAst.js:375:41 ❯ convertProgram node_modules/rollup/dist/es/shared/parseAst.js:1012:26 ❯ parseAstAsync node_modules/rollup/dist/es/shared/parseAst.js:2158:12 ❯ ssrTransformScript node_modules/vite/dist/node/chunks/dep-stQc5rCc.js:54036:15 ❯ loadAndTransform node_modules/vite/dist/node/chunks/dep-stQc5rCc.js:53632:11//vite.config.ts import { defineConfig } from "vitest/config"; export default defineConfig({ test: { globals: true, },//package.json "devDependencies": { "@testing-library/react": "^15.0.5", "typescript": "^5.2.2", "vite": "^5.1.0", "vite-tsconfig-paths": "^4.3.1", "vitest": "^1.5.2" } }제 노드버전이랑 vitest 가 안맞아서 생긴 이슈일까요...??참고로 제 노드버전은 v18.17.0 입니다. 이 코린이를 구원해주시면 감사하겠습니다!!ㅠㅠㅠ

vitest 프론트엔드 테스트 코드 문법? 에러 (리액트)

0개의 답변

#testcode 목록