happy-dom

Happy DOM은 그래픽 사용자 인터페이스 없이 브라우저의 문서 객체 모델(DOM)을 구현하여 npm에 게시된 JavaScript 라이브러리입니다. 이는 JavaScript 코드에 브라우저와 유사한 DOM 환경을 제공하여, document, window 및 관련 웹 API를 필요로 하는 스크립트와 컴포넌트가 실제 브라우저 외부에서도 실행될 수 있도록 하는 것을 목적으로 합니다. 지원 범위 프로젝트의 README는 구현된 DOM 중심의 기능들을 강조합니다: - Custom Elements (즉, Web Components) - Declarative Shadow DOM - Mutation Observer - Tree Walker - Fetch API - 그리고 유지 관리자의 설명에 따르면 그 외 다수의 기능 이러한 기능들은 렌더링 기능이 아닌 DOM 계층의 기능이므로, 이 라이브러리는 시각적 표시보다는 웹 페이지의 프로그램적 사용을 목표로 합니다. 따라서 전체 브라우저나 헤드리스 브라우저가 필요 이상으로 무거운 환경에서 적합한 대안이 됩니다. 호환성 문서에는 프로젝트가 호환된다고 명시한 광범위한 도구 및 프레임워크 세트가 나열되어 있습니다: - 테스트 러너 및 테스트 유틸리티: Vitest, Jest, Bun, Testing Library - 프레임워크 및 컴포넌트 라이브러리: Google LitElement, Vue, React, Svelte, Angular 이러한 범위는 이 라이브러리가 독립적인 애플리케이션이라기보다 다른 도구, 특히 프론트엔드 테스트 설정의 하단에 위치하는 공유 DOM 기질(substrate)로 포지셔닝되어 있음을 시사합니다. README는 이를 테스트 환경으로 설정하는 방법에 대한 위키 페이지로 직접 연결됩니다. 문서 및 커뮤니티 이 프로젝트는 문서 진입점, 시작하기 페이지, 테스트 환경 설정 전용 가이드가 포함된 GitHub 위키를 유지 관리합니다. 변경 사항을 제출하려는 사람들을 위해 저장소에 기여 가이드가 마련되어 있습니다. 또한 README에는 프로젝트 페이지에 로고가 표시된 후원자들이 명시되어 있습니다. 프로젝트 세부 정보 - 언어 및 생태계: JavaScript, npm을 통해 happy-dom으로 배포 - 라이선스: MIT 라이선스, 2019년부터 현재까지 David Ortner가 저작권 보유 - 저장소: capricorn86/happy-dom 적합한 사용자 그래픽 브라우저를 실행하지 않고 Node.js 기반 또는 Bun 기반 워크플로우에서 테스트를 실행하거나 DOM 의존적 코드를 실행하려는 개발자가 주 타겟입니다. 나열된 테스트 러너나 프레임워크 중 하나를 사용하는 팀은 이를 DOM 환경으로 평가해 볼 가치가 있을 것입니다. 이러한 종류의 모든 종속성과 마찬가지로, 실제 테스트는 코드에서 사용하는 특정 DOM 기능이 이 구현체에서 지원되는지, 그리고 예상대로 작동하는지 확인하는 것입니다. README 자체는 나열된 기능 외에 성능, 벤치마크 또는 완전성에 대해 주장하지 않으므로, 이는 프로젝트의 최신 문서와 테스트 제품군을 통해 직접 확인해야 합니다.