JEST

• 리액트, 자바스크립트 등에서 사용할 수 있는 대표적인 테스트 라이브러리

  • Matchers

    • toBe()
    • toEqual()
    • toThrow(err)
    • toBeNull()
    • toContain()

  • testing-library가 제공하는 API

    • fireEvent
    • render

  • react-redux

  • mocking

    • Context

  • CLI Option

    • --watchAll : 모든 테스트 실행
    • --coverage : --collectCoverage 와 동일. 테스트를 한 후에 코드에 어떤 부분이 테스트에서 제외됐는지 출력
    • --verbose : 테스트 계층에 따라 각 테스트의 결과를 출력

무한 스크롤(Intersection Observer API)

• scroll 은 부적합 렌더링 문제로 인해
• 관찰하고 싶은 요소와 부모 조상 or 뷰포트와의 교차를 비동기적으로 observe

Intersection Observer API

const io = new IntersectionObserver(callback, options); // Observer 초기화

const callback = (entries, observer) => { // entries : 모든 객체에 대한 정보
  ...
}

options

• root : root 값을 지정. 기본값은 Viewport
• rootMargin : Margin 값만큼 root를 확장 및 축소
• threshold : 옵저버 콜백함수 실행 가시성 (0 ~ 1)