How to setup a CI/CD pipeline using Github Actions by running automated jest unit tests

Рет қаралды 42,253

Жыл бұрын

Github actions are a great way to improve the quality of your team and project's code by automatically running various tests and checks against your teams pull requests before merging them into trunk. Here is a quick overview of how to get that setup.
🤑 Patreon / webdevjunkie
🔔 Newsletter eepurl.com/hnderP
💬 Discord / discord
📁. GitHub github.com/codyseibert/youtube
My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets

Пікірлер: 33

@arno.claude Жыл бұрын

Never knew it was that easy! Thank you ver much, more videos of that nature please!

@travelvideos7999 11 ай бұрын

Thanks. Simple, straight-forward, and complete.

@bulelanibotman Жыл бұрын

jesus, cody! why are you such a great teacher?

@arif3012 8 ай бұрын

Thanks for sharing such a simple example. 👍

@MrPaulPhan Жыл бұрын

Keep doing what you’re doing

@lamargtv2572 Жыл бұрын

Great video. Keep it upp!

@yousafwazir3167 Жыл бұрын

Thanks can you do more production based ideas / practices

@27sosite73 6 ай бұрын

thank you!

@SeibertSwirl Жыл бұрын

Good job babe!!!!

@rohitreddy6794 Жыл бұрын

You both are so cute lol

@SeibertSwirl Жыл бұрын

@@rohitreddy6794 haha thank you 😊

@09487abc 4 ай бұрын

謝謝你的教學

@ZEMMOURI_Med Жыл бұрын

Thanks, what color theme in VS Code do you use, please?

@aislanarislou Жыл бұрын

What your script "yarn ci" does ??

@jlo3349 8 ай бұрын

Thanks! Very clear! A side question - I noticed your vs code theme is customised (has nice colours and icons next to the files) - any links you can refer for setting up my vs code please?

@WebDevCody 8 ай бұрын

This theme is material community I think

@sogzful Жыл бұрын

can splitting the tests into too many folders affect the speed? mine take forever

@vishuhanda1837 Жыл бұрын

do you execute unit tests on github actions on a browser or they are getting executed in head less mode

@aislanarislou Жыл бұрын

One more question: how to define environment vars that are used by some of the code, and sometimes the tests itself ?

@WebDevCody Жыл бұрын

You can add them to your GitHub repo and pull them in with your actions

@okamimoushiyou Жыл бұрын

File > Preferences > Settings > Features (on the left side bar) > Explorer (within the "Features" section) > Untick “compact folders” That is all 😂

@_emnljrz Жыл бұрын

Thanks! But perhaps you can use dark mode (dark reader) plugins in your chrome? Nevertheless great work

@romimaximus Жыл бұрын

Thankx for sharing this great content !! ...but could you make a short video tutorial, explaining what's the difference between "Github Actions Automatically Deploy" and a "Pipeline" ? cause im a beginner in CI/CD... and this so confusing to me ... 😂😂

@WebDevCody Жыл бұрын

a pipeline is just a series of steps you run to get your code build, tested, and deployed. What I showed in this video was how to build a single step in a potentially larger pipeline (no talked about in this video). So if I were to add a deploy step which only runs after the tests pass, it would be more of a pipeline.

@romimaximus Жыл бұрын

@@WebDevCody Ok, go it !! thank you very much !! ..i really appreciate .. 😁👍