lint에러..
72
2 asked
await render(<TextField className={'my-class'} />);
expect(screen.getByPlaceholderText('텍스트를 입력해 주세요.')).toHaveClass(
'my-class',
);이렇게 props를 넘겨줄때 동일하게 작은 따옴표로 넘겨주거나
expect에 들어가는 문자열을 작은 따옴표로 입력을 해야 테스트전 린트에서 잡히는 에러가 안나네요;;
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다.
tono님, 린트 에러로 인해 불편을 겪으셨군요. 린트 에러는 보통 코드 스타일이나 일관성을 유지하기 위해 발생합니다.
여기서 사용한 스타일은 작은따옴표(')를 사용하여 문자열을 표시하는 것을 선호하는 설정이 되어 있는 것 같습니다. 따라서 작은따옴표를 사용하는 것이 린트 에러를 막는 데 도움이 됩니다. 일반적으로 ESLint 같은 린트 도구의 quotes 규칙으로 이러한 동작을 설정할 수 있습니다. 만약 프로젝트의 린트 설정이 더블쿼트(") 대신 싱글쿼트(')를 요구한다면, 설정을 확인하고 그에 맞게 코드를 작성하시면 좋겠습니다.
혹은, 린트 규칙을 프로젝트에 맞게 설정 변경할 수도 있습니다.
이 외에도, ESLint 설정 파일인 .eslintrc.js 또는 package.json 파일 안의 lint 설정을 검토하여 해당 규칙(quotes)을 수정할 수도 있습니다. 설정 예시로는 다음과 같은 내용이 있습니다:
"rules": {
"quotes": ["error", "single"]
}
이와 같은 설정이 적용되어 있으면, 작은 따옴표를 이용한 문자열 사용이 에러를 발생시키지 않습니다. 린트 설정을 개발 도구나 팀의 스타일 가이드에 맞춰서 사용하는 것이 중요합니다.
링크: ESLint quotes 규칙
도움이 되었길 바랍니다. 추가적인 질문이 있다면 언제든지 문의해 주세요.
mockZustand
0
66
2
프로젝트 세팅 오류 및 버전 오류 문제 문의
0
95
2
toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.
0
42
2
로딩/에러처리 검증은 어떻게 하는게 좋을까요?
0
65
1
통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?
0
69
2
단언문 순서에 따라 테스트 결과가 왜 달라지나요?
0
108
2
useNavigate 테스트 시, 검증 대상 질문입니다.
0
113
2
강의 예시프로젝트 업데이트좀 부탁드립니다.
2
165
2
통합테스트와 단위테스트 파일 분리
0
108
1
grid 양옆에 margin은 어디서 설정되어있는건가요 ?
0
131
1
vitest 설치했는데
0
206
2
2부 할인쿠폰 관련
0
176
1
에러 해결 방법
0
406
2
직접 구현한 atom 컴포넌트 테스트 범위 질문
0
175
1
setup, teardown 동작 순서
0
212
1
debounce 함수 테스트 정확도 관련 질문입니다.
0
176
2
ProductFilter test 어떤 방식이 더 선호되는 방식일까요?
0
204
2
통합 테스트 작성 방식에 대해 궁금한 점이 있습니다
0
258
2
vitest Extension 알려주세요.
0
267
1
2.1 강의 질문있습니다.
0
139
1
useNavigate()을 검증할 때 이해가 안되는 부분이 있습니다.
0
246
2
toHaveStyle 메서드 사용이 조금 이상한 것 같습니다.
0
195
2
TestPayment에 쿠폰 정보를 prop으로 전달하는 이유
0
184
2
NavigationBar 테스트 속도가 너무 느린 문제
0
217
1