Typescript, Vite 및 Vitest를 사용하여 최신 Preact 애플리케이션 설정

Wiring up a TypeScript environment with Preact, Vite and Vitest and vitest-dom 나는 Vite와 Vitest에 대해 좋은 소식을 들었습니다. 테스트 드라이브를 제공했을 때 전체 제품군을 실행하는 데 약간의 성가심이 생겼습니다. 내가 취한 단계를 기록하고 있습니다. 아마 도움이 될 것입니다. 이 기사는 기본적으로 내 필요에 맞게 조정...

preactvitesttypescriptvite

Vitest에서 FileList를 조롱하는 방법

FileList가 제공하는 을 조롱해야 합니다. 이 문서에서는 조롱하는 방법을 보여줍니다. 나는 그것을 조롱하는 데 어려움을 겪었습니다. 모의FileList에 대한 요구 사항은 다음과 같습니다. 은 FileList 모의 개체를 나타내는 문자열을 반환할 수 있습니다. 테스트할 함수는 각 File using for 문을 처리할 수 있습니다. 비테스트 v0.9.3 테스트된 함수의 소스 코드 테스트...

webdevjavascripttestingvitest

React 및 Vitest + eslint/tailwind/pnpm/typescript/MSW/prettier로 Vite를 구성하는 방법

그리고 다른 기술로 교체할 물건 jest를 vitest로 교체 이 저장소를 복제하면 all the features mentioned above - Jest + Vitest - yarn + pnpm를 얻을 수 있습니다. 필요한 모든 것을 구성하는 번거로움을 피하기 위해 lastance의 멋진 템플릿을 사용하세요. 이제 시작할 준비가 되었습니다. 변경하고 삭제해야 할 사항이 몇 가지 있습니다. ...

vitesttutorialreactvite

Vitest로 Vite React TS 프로젝트를 설정하는 방법

이 튜토리얼은 자체 생성된 vite react-ts 프로젝트에서 작동합니다. 요구 사항이 다른 경우 다음 두 리포지토리도 참조하십시오. 저는 개인적으로 꽤 많은 TS 오류에 부딪혔고 몇 시간 동안 파헤친 후에 다음 설정이 저에게 효과적이라는 것을 알았습니다. 따라서 나는 그것을 적어두고 같은 문제에 직면한 모든 사람에게 도움이 되기를 바랍니다. 그런 다음 터미널에서 실행하려는 경우 명령줄에 ...

vitesttestingreactvite