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}	_长赵	_{贾斯汀太阳} ？