jest preview 다운로드 - jest preview 소스 코드 다운로드

jest preview

AI 소스 코드

v0.3.1: Support Less CSS

다운로드

농담 미리보기 로고

농담 미리보기

농담 테스트를 디버깅하십시오. 쉽게. ??

농담 미리보기 데모

Jest Preview Online을 사용해보십시오. 다운로드가 필요하지 않습니다!

Vitest 사용? Vitest 미리보기를 사용해보십시오

Jest-prieview

Jest를 사용하여 테스트를 작성할 때 일반적으로 HTML 코드를 읽음으로써 디버그합니다. 때로는 HTML이 너무 복잡하여 머리 속의 UI를 시각화하기에는 너무 복잡합니다. jest-preview 브라우저에서 Jest 테스트를 바로 미리 봅니다. 그러면 실제 UI를 시각적으로 볼 수 있으므로 Jest 테스트를 더 빨리 쓰고 디버깅하는 데 도움이됩니다.

jest-preview 는 처음에 Jest 및 React-Testing-Library와 함께 작동하도록 설계되었습니다. 이 패키지는 프레임 워크 공연이며 모든 프론트 엔드 프레임 워크 및 테스트 라이브러리와 함께 사용할 수 있습니다. 예를 위해 :

vite 반응
React 앱을 만듭니다
다음 JS
날씬한
모난
vue

특징

? 실제 앱의 HTML을 밀리 초의 브라우저에서 미리보십시오.
preview. 디버그 ()`.
? CSS 지원 :
- ✅ 직접 CSS 가져 오기
- css-in-js 라이브러리 수와 같은 수의 수는 다음과 같습니다.
  - ✅ 스타일의 경쟁자
  - ✅ 감정
- ✅ 글로벌 CSS
- CSS 모듈
- Sass
? 이미지보기를 지원합니다.

2 줄의 코드에서 `jest-preview` 사용하는 방법

 + import preview from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    preview.debug();
  });
});

또는:

 + import { debug } from 'jest-preview';

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    debug();
  });
});

또한 CLI jest-preview 실행하여 Jest Preview Server를 시작해야합니다. 세부 사항 지침에 대해서는 계속 읽으십시오.

피드백

귀하의 의견은 우리에게 매우 중요합니다. 여기에 피드백을 제출함으로써 jest-preview 더 나은 소프트웨어가되도록 도와주세요.

설치

Jest Preview 공식 웹 사이트의 설치 안내서를 참조하십시오.

용법

Jest Preview 공식 웹 사이트의 사용 안내서를 참조하십시오.

고급 구성

Jest 미리보기에는 사전 구성된 변환이 제공됩니다. 그러나 사용자 정의 코드 변환이있는 고급 사용 사례에서 코드 변환 안내서를 확인하십시오.

다가오는 기능

더 많은 css-in-js 라이브러리를 지원합니다.
여러 미리보기.
당신은 그것을 지명합니다.

지원하다

문제를 제기하거나 문제가 발생하면 새로운 토론을 추가하십시오.

더 많은 토론이나 제안을 원한다면 트위터에서 @jestpreview 또는 @hung_dev를 언급 할 수도 있습니다.

또한 불화 서버가 있습니다.

기여

우리는 당신의 기여를 기다릴 수 없습니다. Contributing.md의 기여 안내서를 참조하십시오

기고자

이 멋진 사람들에게 감사합니다 (이모티콘 키) :

_{Viet Nguyen Hung}	_{Truong Nguyen}	_{Viet Huu Doan} ?	_Harveynguyen 켈	_{매트 머피}	_{Traitanit Huangsri}	_{Thanh Son Nguyen}
_{Minh Nguyen}	_{카일 (tình vũ)} ?	_{마코토 타테노}	_{Abhishek Rawat}	_{Huynh Duc Duy}	_{Nuno Casteleira} ?	_{일요일 공예품}
_lunduocai ?	_Huyenuet 켈	_{베넷 댐}	_{스티븐 로사토} ?	_nhducit ?	_{베노이트 그라셋} ?	_{Sergii Kirianov} ?
_{김, 하림}	_{Lars Gyrup Brink Nielsen}	_마이크시	_{Veniamin Krol}	_{이코 아시민}	_{파벨 닫기} ?	_{David Z Hao} ?
_{로히 벨스}	_{Rivaldi Putra}	_{긴 자오}	_{저스틴 선} ?