jest preview下載 - jest preview源代碼下載

jest preview

Ai源碼

v0.3.1: Support Less CSS

下載

開玩笑的預覽徽標

開玩笑的預覽

調試您的玩笑測試。毫不費力。？

開玩笑的預覽演示

嘗試在線玩笑預覽。無需下載！

使用vitest？嘗試Vitest預覽

為什麼開玩笑

在使用開玩笑編寫測試時，我們通常通過閱讀HTML代碼進行調試。有時，HTML太複雜了，無法可視化我們腦海中的UI。 jest-preview可以在瀏覽器中預覽您的玩笑測試，然後您可以視覺上看到實際的UI，這可以幫助您更快地編寫和調試Jest測試。

jest-preview最初設計用於與Jest和React-Testing-Library合作。該軟件包是框架 - 敏捷的框架，您可以將其與任何前端框架和測試庫一起使用。例如：

Vite反應
創建React App
nextjs
苗條
角
Vue

特徵

？以毫秒為單位的瀏覽器預覽您實際應用的HTML。
執行preview. debug（）`。
？支持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 Preview帶有預先配置的轉換。但是，在您具有自定義代碼轉換的更高級用例中，請查看“代碼轉換指南”。

即將到來的功能

支持更多css-in-js庫。
多個預覽。
你命名。

支持

請提交問題，或者如果遇到任何問題，請添加新討論。

如果您想進行更多討論或建議，也可以在Twitter上提及@jestpreview或@hung_dev。

我們也有一個Discord服務器：

貢獻

我們等不及要看您的貢獻了。請參閱貢獻指南。

貢獻者

謝謝這些好人（表情符號鑰匙）：

_{懸掛越越南}	_{Truong Nguyen}	_越杜瓦？	_Harveynguyen 配x	_{馬特·墨菲（Matt Murphy）}	_{Traitanit Huangsri}	_{thanh son nguyen}
_{Minh Nguyen}	_{凱爾（tìnhVũ）} ？	_{Makoto Tateno}	_{Abhishek Rawat}	_{Huynh Duc Duy}	_{Nuno Casteleira} ？	_週日工藝
_lunduocai ？	_Huyenuet 配x	_{貝內特大壩}	_{史蒂文·羅薩托（Steven Rosato）} ？	_nhducit ？	_{貝諾伊特草} ？	_{Sergii Kirianov} ？
_{金，哈里姆}	_{Lars Gyrup Brink Nielsen}	_{邁克·什（Mike Shi）}	_{Veniamin Krol}	_{Ikko Ashimine}	_{帕維爾關閉} ？	_大衛Z豪？
_羅希特	_{Rivaldi Putra}	_長趙	_{賈斯汀太陽} ？