I opened a PR to update all dependencies including ts-jest and jest 29 (only 2 files were changed): github.com/bmvantunes/youtube-react-testing-video2-config-jest-react-testing-library/pull/1/files In summary: Upgrading to Jest 29 + ts-jest 29 requires us to change 3 lines inside our jest.config.js and add a new dependency jest-environment-jsdom - thtat's all we need to do :)
Bruno, thank you so much for the update. I was able to clone your project and run tests fine but in a new project that I'm starting where I have the most updated dependencies the "unexpected token '
@@denniec7994 I did a commit on top of that PR to update all versions to today's versions (2022-November-02) and the build keeps passing as before. You might have forgotten to copy some configuration from my repo PS - If you clone my repository you'll see there are no error there. You can compare it with your repo and see the differences :) github.com/bmvantunes/youtube-react-testing-video2-config-jest-react-testing-library/pull/1/files
I would never be able to setup this professional environment without this video. I do appreciate your efforts in creating this content and sharing it with us 🙏🏻
Brilliant video thanks a lot!! I love how you eliminate errors one-by-one and explain how to fix them. It's a REALLY good way of teaching. Most tutorials will give you the correct config straight away, and I have no idea what most of it does.
I do that because when I was learning those types of tutorials completely frustrated me. Personally I need to understand every single detail and I also like to teach that way - sadly for the RU-vid algorithm says that my style of teaching is not good because the videos are wayy too long 😂😅
Great videos Bruno! For any future watchers at 12:15 jsdom does not come shipped by default anymore and must be installed with npm install -D jest-environment-jsdom
You are absolutely right =) You can see a PR I have open on that repository showing all the changes needed: github.com/bmvantunes/youtube-react-testing-video2-config-jest-react-testing-library/pull/1/files
Started up a new project and ran into the same exact problems that you did in this tutorial. I went through so many resources and found a million different answers, but this video was right on the money. Thank you again.
When this series is over, I'll create a poll in the community tab asking what people want to see next - that way people can start to vote on what they prefer to see in the channel 😊
Please,correct me anyone if I am wrong,but I think the lint-staged script needs a dot in each command.Otherwise it will only format actual file.: "lint-staged": { "*.(tsx|ts)": "eslint . --cache --fix", "*": "prettier . --write --ignore-unknown" } Besides this,I think it is the best setup I have seen.I really appreciate your insights about Typescript/React/Testing.You are very good.
Honest question: should I feel bad that I wouldn't be able to replicate such a professional setup in realtime if asked to? This is amazing, and I'll be using it, but also, it's kind of intimidating. Like, how does someone get this good at testing config? Impressive and informative video, Bruno!
Hi!, thanks for the video. I have a question: eslint dont recognize .spec or .test files so dont check my test files I have installed: yarn add -D eslint-plugin-jest and setup in .eslintrc.js: "plugin:jest/recommended", "plugin:jest/style", Any idea?
Sir, You are great I follow your videos please make a series on CI / CD Pipeline With Next.js Using Github Actions Because I'm struggling for past 3 weeks. Thanks Sir
I can't imagine any modern project without typescript and jest and thanks to GOD we do not need to use Webpack config explicitly. And yes -- good job Microsoft, haha
Microsoft has done an amazing lately ❤️❤️ I remember 10 years ago people used to hate them, nowadays I don't know many people hating on them 😍 I think that's proof of their amazing job with the tech community 😊
Thank you very much for your comment - thanks to you I opened a PR to update all dependencies including ts-jest and jest 29 (only 2 files were changed): github.com/bmvantunes/youtube-react-testing-video2-config-jest-react-testing-library/pull/1/files
I tried to config Next with Preact with this config and I get an error from eslint that Next config is not found. I like using Next with Preact because Preact is so much faster than React, bummer.
I have never tried to use preact to be honest with you 🙂 if you share your repository I can try to have a look during the weekend and see if I can do something with it 🙂
Thank you very much ❤️ I agree with you, this type of videos where we are setting up environments is a bit boring, but important. PS - If you have any suggestions on how to make this type of videos more engaging or interesting and less boring, please let me know, I'm all hears 😍😍
These setups are a pain in the ass. I had a ton of issues getting cypress to work with github actions and all the tsconfig files (for a project at work). I don't enjoy all this process to be honest.