새로운 출발!
금주에 이직할 회사가 결정되어 인수인계 및 개발사 미팅을 하며, 이전 회사와 잘 마무리 할 수 있었다.
이제 한주 휴식 후 새로운곳에 바로 출근한다!
여러가지 원하는 조건에 맞는 회사를 들어갈 수 있게 되어 행복하다 🥳
금주에 코드숨을 수행 하며 깊은 고민과 연습을 많이 해보지 못했지만 영상 강의를 보면서 정보를 검색하고 기록하며 여러모로 많이 배울 수 있었다.
마지막 한주도 선택과 집중을 해서 내가 얻어 갈 수 있는 부분을 잘 얻어가고싶다~
관심사 별 테스트 작성 확립
1) container : Dispatch에 대한 테스트
2) page : Render에 대한 테스트
3) form : Element 기능에 대한 테스트
...
지속적으로 연습하면서 본인만의 스타일로 패턴을 확립
테스트 데이터를 lazy하게 전달
테스트마다 mock 함수나 변수를 이용해서 데이터를 바꿔줄 수도 있지만,
중복되는 부분을 given이 해결
https://github.com/tatyshev/given2
// jest.config.js 추가
setupFilesAfterEnv: [
'given2/setup',
],
// 초기
beforeEach(() => {
useSelector.mockImplementation((selector) => selector({
key: given.key,
}));
});
// 값 설정
given('key', () => data);
* beforeEach :
여러 개의 테스트가 시작하기 전 각각의 실행되는 함수
* beforeAll :
모든 테스트가 시작되기 전 가장 먼저 실행되는 함수
* afterEach :
각 테스트가 종료된 후 실행되는 함수
* afterAll :
모든 테스트가 종료되고 난 후 실행되는 함수
beforeAll(() => console.log('beforeAll1'));
afterAll(() => console.log('afterAll1'));
beforeEach(() => console.log('beforeEach1'));
afterEach(() => console.log('afterEach1'));
test('test1', () => console.log('test1'));
describe('inner', () => {
beforeAll(() => console.log('beforeAll2'));
afterAll(() => console.log('afterAll2'));
beforeEach(() => console.log('beforeEach2'));
afterEach(() => console.log('afterEach2'));
test('test2', () => console.log('test2'));
});
// beforeAll1
// beforeEach1
// test1
// afterEach1
// beforeAll2
// beforeEach1
// beforeEach2
// test2
// afterEach2
// afterEach1
// afterAll2
// afterAll1
Reference
https://velog.io/@modolee/jest-user-guide-06
https://hoony-gunputer.tistory.com/entry/jest-before-after-each-all-only-skip
지금 마음가짐을 유지하고 끝까지 최선을 다해서 성장하길!🔥