DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Agregar un step de coverage en github actions - Frontend (Angular)
Danniel Navas
Danniel Navas

Posted on

Agregar un step de coverage en github actions - Frontend (Angular)

Con la llegada de github actions se ha simplificado la creaciΓ³n de flujos CI/CD y uno de los pasos importantes es los de las pruebas unitarias y que mejor que tener un step que valide nuestra cobertura, por eso dejo un script que puede ayudarnos a cubrir.
Primero creamos una carpeta llamada .github en la raΓ­z de nuestro.
Dentro de esta creamos otra de la siguiente forma .github/workflows
Por ΓΊltimo un archivo yml con el siguiente nombre por buena practica coverage.yml dentro de el dejaremos el siguiente cΓ³digo.

name: CI Angular app through Github Actions
on: push
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Use Node.js 14.x
        uses: actions/setup-node@v1
        with:
          node-version: 14.x

      - name: Setup
        run: npm ci

      - name: Test
        run: |
          npm test -- --no-watch --no-progress --browsers=ChromeHeadlessCI
Enter fullscreen mode Exit fullscreen mode

Tip: La ultima lΓ­nea es la ejecuciΓ³n de pruebas unitarias en angular esta puede ser remplazada por el de tu preferencia, recuerda que debe ejecutarse bajo un navegador sin interfaz.

Espero te ayudara este post.

Gracias por leer, nos vemos en la prΓ³xima.

Top comments (0)

🌚 Life is too short to browse without dark mode