Bienvenida e Introducción

1

Pruebas Unitarias con Jasmine para JavaScript

2

Pruebas Unitarias en JavaScript con Jasmine

Creando un framework de pruebas básico

3

Pruebas Unitarias Básicas con JavaScript

4

Pruebas Unitarias con JavaScript: Funciones IT y SPEC

5

Refactoriza pruebas en JavaScript con Jasmine y Node.js

6

Pruebas Unitarias con Node.js: Módulos y Exportaciones

Análisis estático de código

7

Linters y Tipado Estricto en JavaScript con VS Code

8

Configuración de ESLint en VS Code paso a paso

9

Configuración de Prettier para Formateo Automático de Código

10

Tipado estático en TypeScript para JavaScript.

Trabajando con Jasmine en el frontend

11

Pruebas Unitarias con Jasmine y Uso de spyOn

12

Configuración de Jasmine para pruebas en proyectos frontend

13

Pruebas Unitarias con Jasmine y Node.js

14

Pruebas Unitarias en JavaScript con Jasmine

15

Creación de pruebas unitarias con Jasmine

Probando Nodejs apps con Jasmine

16

Pruebas Unitarias en Node.js y Angular con Jasmine

17

Pruebas Unitarias en Node.js con Jasmine

18

Pruebas Unitarias con Jasmine y Configuración de Consola Avanzada

19

Reporte de Cobertura de Código con InstaBoot.js

20

Pruebas Unitarias de Métodos GET en Node.js con Express

21

Pruebas de Error 500 en Servidores Node.js

22

Pruebas Unitarias para Métodos HTTP: Foco en Método PAUSE

23

Pruebas de Métodos HTTP: GET, POST, PUT y DELETE en Axios

Probando Angular apps con Jasmine

24

Pruebas Unitarias en Angular: Principios y Prácticas

25

Pruebas Unitarias en Angular con Jasmine: App Component

26

Pruebas Unitarias de Rutas en Angular con Jasmine

27

Pruebas unitarias en Angular: creacción de stubs y testbed eficaz

28

Pruebas Unitarias en Formularios Reactivos con Angular

29

Pruebas Unitarias de Formularios y Conexiones en Angular

30

Pruebas Unitarias de Componentes Angular y Outputs Asíncronos

31

Pruebas de Unit Test en Angular: Configuración y Ejecución Efectiva

32

Creación de espías con Jasmine para métodos de JavaScript.

33

Pruebas Unitarias en JavaScript: Espías y Mocking de Objetos Globales

Pruebas de integración de Angular apps con Jasmine

34

Pruebas de Integración en Angular con Jasmine

35

Pruebas Unitarias con TestBed en Servicios Angular

36

Pruebas Unitarias en Angular: Simulación de Peticiones HTTP

37

Pruebas Unitarias Avanzadas: GET, POST, PUT y DELETE API

38

Pruebas Unitarias con Jasmine: Integración Profesional

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Unit Testing para MEAN con Jasmine

Curso de Unit Testing para MEAN con Jasmine

Cristian Daniel Marquez Barrios

Cristian Daniel Marquez Barrios

Configuración de Prettier para Formateo Automático de Código

9/38
Recursos

Prettier es un formateador de código opinado. Aplica un estilo coherente al analizar su código y reimprimirlo con sus propias reglas que toman en cuenta la longitud máxima de la línea, envolviendo el código cuando sea necesario.

Puede ejecutarse en su editor al guardar, en un gancho de confirmación previa o en entornos CI para garantizar que su base de código tenga un estilo coherente sin que los desarrolladores tengan que publicar un comentario minucioso sobre una revisión de código.

Ofrece soporte para:

  • JavaScript, including ES2017
  • JSX
  • Angular
  • Vue
  • Flow
  • TypeScript
  • CSS, Less, and SCSS
  • HTML
  • JSON
  • GraphQL
  • Markdown, including GFM and MDX
  • YAML

Por ejemplo tenemos éste codigo de JavaScript mal formateado:

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Al pasar Prettier nos lo deja de una manera más legible:

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);

Aportes 8

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

En mi caso al instalar Prettier no me formateaba al guardar. Para esto tuve que ir a File->Preference->Setting Text Editor-> Formating y active el combo “Format on Save”

Recomiendo no instalar cosas globales mejor dejarlas sobre el proyecto, en este caso para instalar como dependencia de desarrollo seria npm install --save-dev prettier

A mi no me autoformateaba al guardar hasta que puse en settings.json lo siguiente:

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

A mí no me formateaba al guardar como el video de la clase, lo que hice fue:

Presionar: Alt + shift + f
Me salió una ventana de establecer formateador por defecto y seleccione Prettier.

Adicional si con eso no queda entrar a:
File / Preferences / Settings / Text Editor / Formatting
y marcar el recuadro de Format on Save

Linters => Code Quality
Prettier => Code Formatting

Pueden convivir usando:
https://github.com/prettier/eslint-config-prettier

Pues yo guardo y no me formatea mi código, hoy es 25-04-2020 voy investigar en la documentación haber que esta pasando!

eslint me arroja error al final del ultimo caracter, se les ocurre porque puede ser?? Despues del ; del saludar. Probe poniendolo entre { } y sacando el : pero sigue igual.

const saludar = nombre => `Hola ${nombre}`;

module.exports = saludar;