soso-tip

soso-tip copied to clipboard

https://github.com/vercel/swr/blob/9e734aaff7d3082fc9fd7945f615fb63621b2bc7/test/use-swr.test.tsx#L1790 ```ts expect(container.textContent).toMatchInlineSnapshot(`"loading"`) await act(() => new Promise(res => setTimeout(res, 1000))) // update ```

SoYoung210

## filename ```ts /// /// export * from '@src/OtherComponent'; ``` 이렇게 되어 있을 때, `index.d.ts`는 아래와 같이 출력된다. ```ts /// /// export * from "./OtherComponent"; ``` referecne path에 들어간 이름이...

SoYoung210

## Desc ```diff - "start": "webpack --mode=development -w" + "start": "yarn pnpify webpack --mode=development -w" ``` ## Ref https://www.manongdao.com/q-1323598.html

SoYoung210

## Desc custom hook에서 두 가지 이상의 테스트를 작성할 때 mocking 값이 변하지 않던 기이한 현상 > 개별적으로 하나씩 run시키면 모두 성공하나, 두개를 같이 돌릴 경우 실패 사용했던 코드들 ####...

SoYoung210

## Desc recharts 의 [ResponsiveContainer](https://recharts.org/en-US/api/ResponsiveContainer)를 사용하는 경우 스토리북 스냅샷 테스트에서 아래와 같은 에러 발생 ``` TypeError: Cannot read property 'parentElement' of null at ResizeDetector.componentWillUnmount (node_modules/react-resize-detector/lib/components/ResizeDetector.js:105:105) at callComponentWillUnmountWithTimer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10194:12) ``` ###...

SoYoung210

## Desc  `window.addEventListener('mousemove', onMouseMove)`를 이용해서 drag 이벤트를 처리하는 상황이다. ### [e.offsetX](https://www.w3schools.com/jsref/event_offsetx.asp) `offsetX`는 Event가 등록된 target으로부터 x축으로 얼만큼 떨어져 있는지에 대한 속성이다. ### [e.clientX](https://www.w3schools.com/jsref/event_clientx.asp) 브라우저 화면 기준으로 x축에서 얼만큼 떨어져...

SoYoung210

## Desc redux-saga에서 error throw하는 TestCode를 작성하는 법. **실제 api 호출 구조와 맞게** error response를 mocking해주어야 한다. ```ts export const requestPOST = async ( ...options ) => { try {...

SoYoung210

SNS에서 링크를 공유할 때 나오는 정보들을 설정하는 방법 ## 확인하기 확인하고 싶은 링크가 어떤 형태로 표현되는 지는 다음 사이트에서 미리 확인할 수 있다. - [Facebook debugger](https://developers.facebook.com/tools/debug/) - [twitter validator](https://cards-dev.twitter.com/validator) ##...

SoYoung210

## Desc `components/Test.tsx, components/Test.pcss` 구조로 사용하는 경우 webpack의 resolve extenstions옵션에서 주의해야 한다. ### Not working Example ```js module.exports = (env, argv) => ({ entry: ['@babel/polyfill', pathJoin('src/index.tsx')], resolve: { alias: {...

SoYoung210

## Desc rxjs5 버전을 사용중인 프로젝트에서 eslint설치 후 build가 되지 않는다. ### Env rxjs 5버전을 root의 package.json에 명시하는 프로젝트 한정일 것으로 예상된다. 사용중인 프로젝트에 eslint최신 버전 적용시 build error가 발생한다....

SoYoung210