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

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.

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

[arno.claude]

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

[travelvideos]

Thanks. Simple, straight-forward, and complete.

[jeff-creations]

Great video Cody, thanks! I learned a bunch

[arif]

Thanks for sharing such a simple example. 👍

[bulelanibotman]

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

[yousafwazir]

Thanks can you do more production based ideas / practices

[ZEMMOURI_Med]

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

[_emnljrz]

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

[sogzful]

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

[aislanarislou]

What your script "yarn ci" does ??

[okamimoushiyou]

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

That is all 😂

[aislanarislou]

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

[jlo]

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?

[vishuhanda]

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

[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 ... 😂😂

[ucol]

Hi, tried doing same .github\workflow you did but i get an error.

[yousafwazir]

Thanks can you do more production based ideas / practices

[yousafwazir]

Thanks can you do more production based ideas / practices