Jest Svg 렌더링을 어떻게 해야 하나요?

Question

안녕하세요 Next.js로 사이드 프로젝트를 진행하고 있습니다. 이번 프로젝트에 테스트 코드를 도입했는데 컴포넌트 테스트에서 SVG를 렌더링하는데 오류가 발생합니다. SVG를 컴포넌트 처럼 렌더링하는 형식을 취하고 있습니다만 Stackoverflow에서 나온 방법을 활용해도 오류가 해결되지 않았습니다. 해결방법이 있을까요? Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `SearchHeader`. at name (C:\Users\components\common\SearchHeader.tsx:20:11) 23 | return ( 24 |

> 25 | router.back()}>{hasBack ? : null} | ^ 26 | 27 | {name} 28 | import styled from "@emotion/styled"; import Prev from "public/icon/prevArrow.svg"; import Search from "public/icon/search.svg"; import { Common, Pretendard, SpaceBetween } from "styles/common"; import { useRouter } from "next/router"; const SearchHeader = (props: Props) => { const { name, hasBack, hasSearch } = props; const router = useRouter(); return (

router.back()}>{hasBack ? : null} {name} {hasSearch ? : null}

); };이것이 SVG 렌더링 오류인 것은 확인했지만 해결 방법은 찾지 못했습니다.아래는 저의 jest 파일입니다.//jest.config.js const nextJest = require('next/jest'); const createJestConfig = nextJest({ dir: './', }); const customJestConfig = { setupFilesAfterEnv: ['/jest.setup.js'], moduleDirectories: ['node_modules', '/'], testEnvironment: 'jest-environment-jsdom', snapshotSerializers: ['@emotion/jest/serializer'], }; module.exports = createJestConfig(customJestConfig);해결방법이 있을까요..?

Jest Svg 렌더링을 어떻게 해야 하나요?

0개의 답변

#svg 목록