실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
이 강의를 통해 전반적인 프런트엔드 테스트 종류를 파악하고, 상황에 맞는 적절한 테스트 선택을 통해 신뢰감 있는 테스트를 작성하는 방법을 배웁니다.

- 해결
mockZustand
안녕하세요.강의 너무 잘 보고 있습니다. 한 가지 궁금한 점이 있어서 QnA남깁니다.// __mocks__/zustand.js cons
javascriptreact소프트웨어-테스트vitestCoi
・
11일 전
0
42
2
- 미해결
프로젝트 세팅 오류 및 버전 오류 문제 문의
안녕하세요 강의를 보며 프로젝트 세팅을 하면서 궁금한 점이 있어 여쭤봅니다.예제 프로젝트와 강의가 업데이트 될 예정은 없을까요?전체적인 Dependencie들이 옛날 버전이라 예제 프로젝트들
소프트웨어-테스트vitest김수로
・
한 달 전
0
71
2
- 해결
toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.
제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?<b
javascriptreact소프트웨어-테스트vitestkangwoo_eum
・
2달 전
0
38
2
- 미해결
로딩/에러처리 검증은 어떻게 하는게 좋을까요?
안녕하세요. API 요청이 포함된 컴포넌트를 대상으로 단위/통합 테스트할때 요청 상태에 따라 로딩, 에러 UI가 적절하게 렌더링 되는지도 검증을 해야하는지 궁금합
javascriptreact소프트웨어-테스트vitestEUNSUN KIM
・
3달 전
0
56
1
- 미해결
통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?
FE에서 모킹을 포함한 통합 테스트를 진행할 때, API 요청 전까지의 동작<p style="text-
javascriptreact소프트웨어-테스트vitestSeunghyun Kim
・
3달 전
0
63
2
- 미해결
lint에러..
await render(); expect(screen.getByPlaceholderText('텍스트를 입력해 주세요.')).toHaveClass( 'my-class',
javascriptreact소프트웨어-테스트vitesttono
・
4달 전
0
67
1
- 미해결
단언문 순서에 따라 테스트 결과가 왜 달라지나요?
expect(screen.getByTestId('cart-icon')).toBeInTheDocument(); expect( await screen.findByRole('button', { name: 'Maria' }), ).toBe
javascriptreact소프트웨어-테스트vitestEinere
・
9달 전
0
97
2
- 미해결
useNavigate 테스트 시, 검증 대상 질문입니다.
뒤로 이동 버튼을 눌러 페이지 전환이 잘 되었음을 검증하고 싶으면 history web api 등을 이용해서 검증하는게 더 올바르지 않나요??왜 useNaviga
javascriptreact소프트웨어-테스트vitestEinere
・
9달 전
0
102
2
- 미해결
강의 예시프로젝트 업데이트좀 부탁드립니다.
아니면 강의 설명 동영상에프로젝트 초기버전 세팅 등 각종 프로젝트 설정을 자력으로 해야한다. 라는 안내문구라도 존재하면 좋겠습니다.
javascriptreact소프트웨어-테스트vitest작성자 없음
・
9달 전
2
155
2
- 미해결
통합테스트와 단위테스트 파일 분리
통합 테스트와 단위 테스트를 작성할 때 따로 파일 구분 없이 작성하는게 일반적인가요?
javascriptreact소프트웨어-테스트vitest김상민
・
10달 전
0
100
1
- 미해결
grid 양옆에 margin은 어디서 설정되어있는건가요 ?
찾아보니 잘안보여서 네비게이션 밑에 필터부터 전체 마진 양옆으로 먹어진거 ...로우당 그리드 개수 설정이랑 ..
javascriptreact소프트웨어-테스트vitestwjdgksak
・
10달 전
0
122
1
- 미해결
vitest 설치했는데
<img src="https://cdn.inflearn.com/public/files/posts/2f591639-85ca-4ed6-9a4b-1ed34744f750/d5f964a4-24e9-49fe-9179-1d5683407b3e.png" media-type="img"
javascriptreact소프트웨어-테스트vitest작성자 없음
・
일 년 전
0
197
2
- 미해결
2부 할인쿠폰 관련
안녕하세요.제공해주신 인강으로 프론트엔드 테스트를 공부하고 있는 수강생입니다. 최근 일이 많아져 인강 듣는 시간을 할애하지 못하였지만 이번 설 연휴를 맞이하여 1편 다보고 2편까지 보려고 하는데 제가 실수로 할인 쿠폰
javascriptreact소프트웨어-테스트vitest이현호
・
0
166
1
- 미해결
에러 해결 방법
[0] Failed running 'server/index.js' [1] [1] VITE v4.4.4 ready in 271 ms [1] [1] ➜ Local: http://localhost:5173/ [1] ➜ Ne
javascriptreact소프트웨어-테스트vitest김용민
・
0
383
2
- 해결
직접 구현한 atom 컴포넌트 테스트 범위 질문
안녕하세요 선생님 강의 잘 듣고 있습니다.직접 구현한 atom 컴포넌트들의 테스트 범위에 대하여 질문드립니다.Typography, Badge, Divider와 같이 별도의 로직이 존재하지 않는 컴포넌트들은 ProductInfoArea처럼
javascriptreact소프트웨어-테스트vitest메가
・
0
170
1
- 미해결
setup, teardown 동작 순서
안녕하세요!setup, teardown 강의를 보며 실습하고 있습니다.beforeAll 내에 console이 첫번째로 찍히다가 afterAll과 함께 사용할 경우에는 afterAll 바로 직전(마지막 바로 앞)에 찍히고 있습니다.
javascriptreact소프트웨어-테스트vitestdony
・
0
205
1
- 미해결
debounce 함수 테스트 정확도 관련 질문입니다.
안녕하세요. debounce 함수 테스트 관련 강의를 보고 궁금한 점이 있어 문의드립니다. debouncedFn이 300ms이 지난 후 실행되어야 함을 테스트할 때, 기존에 작성해주신 것 처럼 테스트할 시에는 함수가 300ms
javascriptreact소프트웨어-테스트vitest박일상
・
0
166
2
- 미해결
ProductFilter test 어떤 방식이 더 선호되는 방식일까요?
it('최소 가격 또는 최대 가격을 수정하면 setMinPrice과 setMaxPrice 액션이 호출된다.', async () => { const { user } = await render();
javascriptreact소프트웨어-테스트vitest윤상
・
0
195
2
- 해결
통합 테스트 작성 방식에 대해 궁금한 점이 있습니다
테스트는 내부 구현에 의존하지 않고 사용자 입장에서 작성하는게 좋다고 이해했습니다.그런데 ProductFilter 컴포넌트의 통합테스트를 작성하시면서 "상품명을 수정하는 경우 setTitle 액션이 호출된다", "최소
javascriptreact소프트웨어-테스트vitestBB Dev
・
0
246
2
- 미해결
vitest Extension 알려주세요.
<img src="https://cdn.inflearn.com/public/files/posts/00176471-f2cb-4652-bc3e-00936906a749/708b1055-4c42-41aa-83a9-604270c0bec4.png" media-type="img"
javascriptreact소프트웨어-테스트vitest거누
・
0
265
1






