[코드숨] 리액트 7주차 회고-Login

새로운 출발!

▪︎ 회고

---

금주에 이직할 회사가 결정되어 인수인계 및 개발사 미팅을 하며, 이전 회사와 잘 마무리 할 수 있었다.

이제 한주 휴식 후 새로운곳에 바로 출근한다!
여러가지 원하는 조건에 맞는 회사를 들어갈 수 있게 되어 행복하다 🥳

금주에 코드숨을 수행 하며 깊은 고민과 연습을 많이 해보지 못했지만 영상 강의를 보면서 정보를 검색하고 기록하며 여러모로 많이 배울 수 있었다.

마지막 한주도 선택과 집중을 해서 내가 얻어 갈 수 있는 부분을 잘 얻어가고싶다~

▪︎ 학습 내용

---

• 관심사 별 테스트 작성 확립

  1) container : Dispatch에 대한 테스트
  2) page : Render에 대한 테스트
  3) form : Element 기능에 대한 테스트
  ...

  지속적으로 연습하면서 본인만의 스타일로 패턴을 확립

---

• given2

테스트 데이터를 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);

---

• before, after (each, all)

* 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

---

지금 마음가짐을 유지하고 끝까지 최선을 다해서 성장하길!🔥