jest preview

Vista previa de Jest

Depurar sus pruebas de broma. Sin esfuerzo. ?

Pruebe Jest Preview en línea. ¡No se necesitan descargas!

¿Usando vitest? Prueba la vista previa de Vitest

Por qué broma previa

Al escribir pruebas que usan broma, generalmente depuramos leyendo el código HTML. A veces, el HTML es demasiado complicado para visualizar la interfaz de usuario en nuestra cabeza. Vista previa de la prisación de jest-preview sus pruebas de broma en un navegador, luego puede ver su interfaz de usuario real visualmente, lo que le ayuda a escribir y depurar las pruebas de broma más rápido.

jest-preview está inicialmente diseñado para funcionar con la biblioteca de prueba de broma y reacción. El paquete es de marco-agnóstico, y puede usarlo con cualquier marco frontend y bibliotecas de prueba. Para ejemplos:

• VITE reaccionar
• Crear aplicación React
• Nextjs
• Esbelto
• Angular
• Vue

Características

• ? Vista previa del HTML de su aplicación real en un navegador en milisegundos.
• Navegador de recarga automática al ejecutar preview. debug () `.
• ? Soporte de CSS:
  • ✅ Importación directa de CSS
  • ✅ Número de bibliotecas CSS-in-JS, como:
    • ✅ Componentes con estilo
    • ✅ Emoción
  • ✅ CSS global
  • ✅ módulos CSS
  • ✅ sass
• ? Admite la visualización de imágenes.

Cómo usar jest-preview en 2 líneas de código

 + import preview from 'jest-preview';

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

O:

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

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

También debe iniciar el servidor de vista previa de Jest ejecutando la jest-preview CLI. Continúe leyendo el uso de las instrucciones de detalles.

Comentario

Sus comentarios son muy importantes para nosotros. Ayude jest-preview se convierte en un mejor software enviando comentarios aquí.

Instalación

Consulte la guía de instalación en el sitio web oficial de vista previa de Jest.

Uso

Consulte la Guía de uso en el sitio web oficial de vista previa de Jest.

Configuraciones avanzadas

La vista previa de Jest viene con la transformación preconfigurada. Sin embargo, en casos de uso más avanzados en los que tiene una transformación de código personalizado, consulte la Guía de transformación del código.

Próximas características

• Admite más bibliotecas css-in-js .
• Vistas previas múltiples.
• Lo que sea.

Apoyo

Por favor presente un problema o agregue una nueva discusión si encuentra algún problema.

También puede mencionar @jestpreview o @hung_dev en Twitter si desea tener más discusiones o sugerencias.

También tenemos un servidor de discordia:

Que contribuye

No podemos esperar a ver sus contribuciones. Consulte la Guía de contribución en Caboning.md

Colaboradores

Gracias a estas maravillosas personas (Key Emoji):

Colgado Viet Nguyen	Truong Nguyen	Viet Huu doan ?	Harina ️	Matt Murphy	Traitanit huangsri	Thanh hijo nguyen
Minh Nguyen	Kyle (Tình Vũ) ?	Makoto Tateno	Abhishek Rawat	Huynh Duc Duy	Nuno Casteleira ?	Cabras de domingo
Lunduocai ?	huyenuet ️	Presas de Bennett	Steven Rosato ?	nhucit ?	Benoit grass ?	Sergii Kirianov ?
Kim, Harim	Lars Gyrup Brink Nielsen	Mike Shi	Veniamin Krol	Ikko Ashimine	Pavel cerrado ?	David Z Hao ?
Ruidón	Riváldi putra	Zhao largo	Justin Sun ?

Este proyecto sigue la especificación de todos los contribuyentes. ¡Las contribuciones de cualquier tipo son bienvenidas!

Historia de la estrella

Licencia

MIT

Patrocinadores

Su apoyo financiero ayuda al proyecto vivo y en modo de desarrollo. Haga un impacto patrocinando US $ 1 a través de Open Collective.

• ¿Patrocinador de bronce?:
  • La foto del logotipo/ perfil de su empresa en ReadMe.md y www.jest-preview.com
• ¿Patrocinador de plata?:
  • Todo esto arriba
  • Sus solicitudes serán priorizadas.
• Patrocinador de oro?:
  • Todo esto arriba
  • Discutamos sus beneficios para este nivel, comuníquese con el autor
• Patrocinador de diamantes?:
  • Todo esto arriba
  • Discutamos sus beneficios para este nivel, comuníquese con el autor

Patrocinadores de bronce?

Patrocinadores anteriores