Тёмный

How to use TDD to build a web app that queries a REST API with Jest and Puppeteer 

Dev Mastery
Подписаться 14 тыс.
Просмотров 10 тыс.
50% 1

Опубликовано:

 

8 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@DevMastery
@DevMastery 5 лет назад
Wanna see a backend version of this? Lemme know in the comments.
@Herna14W
@Herna14W 5 лет назад
I've enjoyed so much this video, and it would be nice to see how to implement TDD in a node rest api!
@JamieNeubertPedersen
@JamieNeubertPedersen 5 лет назад
Yes please, and also with the same requirement of having 3rd party dependencies
@soulofanamelessbar
@soulofanamelessbar 5 лет назад
Yes please!
@MinNyeAccount
@MinNyeAccount 2 года назад
why did u stop making videos ?
@howiemann7908
@howiemann7908 5 лет назад
Wow this is amazing. Please do not get disheartened if you’re not getting huge views. Your content is of the highest quality in the web and should be shared by all engineers. Please continue making great work
@jensenraylight8011
@jensenraylight8011 4 года назад
yes, the last time he post video is 1 years ago, while everyone teach basic language usage, he teach architecture & other deep things that matter to bad the view never took off, i wish he make more content though
@ingofahrentholz3472
@ingofahrentholz3472 4 года назад
Seriously one of the best instructors on RU-vid. I'm very sad I've found his channel so late.. It seems he's a lot of things todo at the moment an devmonday is on ice for quiet some time now :( Nevertheless great courses - totally viable for professionals to watch
@antoinelb8509
@antoinelb8509 5 лет назад
Finding good testing resources for new people in the industry is very hard. All te resources are very technical and nor inclusive enough. Thank you for this video, I’m planning on doing this by hand and propose adding this library at work. So you did help me at a professional level. Thanks again and hope you keep up with your work 😬 because I finally starting to learn frontend again, I was feeling stuck
@JuniorMoreiraC
@JuniorMoreiraC 5 лет назад
Great Video Bill! and the quality is amazing, really professional, some video suggestion that I would love to see it, how to write TDD in a Clean Architecture(SOLID) in a React/Redux app ?
@thisaintmyrealname1
@thisaintmyrealname1 5 лет назад
You totally deserve more views. Quality content, focus on good practices for industry and good pace. I'm totally sharing this.
@jacsurfing
@jacsurfing 5 лет назад
Wanna see a backend version of this? YES, YES, YES, YES, YES, YES, YES, I DO, YES, I DO. YES, I DO. YES, I DO. YES, I DO. YES, I DO.
@alexanderkamburov1147
@alexanderkamburov1147 5 лет назад
Awesome video! I've been inching my way towards front-end TDD for a while now and this sets me going perfectly. Thanks!
@igor_cojocaru
@igor_cojocaru 5 лет назад
Your videos are awesome! Thank you, Bill.
@enzoferey
@enzoferey 5 лет назад
Amazing video ! Never thought about redirecting end-to-end tests to my Storybook environment. Looking forward next week's video. Thanks.
@qdpl8
@qdpl8 4 года назад
most underrated channel
@FerminArellano
@FerminArellano 3 года назад
I loved this video, super useful and instructional!!
@aminukano_
@aminukano_ 5 лет назад
Thanks a lot man! More of it pls :)
@JKhalaf
@JKhalaf 5 лет назад
This is awesome Bill, thank you. What Visual Studio theme are you using? And what icons pack? Also, how do you get your terminal to look like that?
@DevMastery
@DevMastery 5 лет назад
The theme is Night Owl by Sarah Drasner with a font called Dank Mono ($$$). The icons are from the Material Icon Theme. My terminal uses ZSH and Oh My ZSH with some customizations. See the free course: commandlinepoweruser.com/ to learn how to customize your own.
@animatedzombie64
@animatedzombie64 4 года назад
love this channel
@nikosc
@nikosc 4 года назад
Superb video. Thanks
@nicholassmith6412
@nicholassmith6412 2 года назад
great video, thanks
@sunithakandalam8889
@sunithakandalam8889 5 лет назад
Thanks for the video. Any links for learning to write tests for jest & puppeteer??
@DevMastery
@DevMastery 5 лет назад
Here's a pretty solid article that covers many scenarios with lots of example code: blog.bitsrc.io/testing-your-react-app-with-puppeteer-and-jest-c72b3dfcde59 I also recommend you check out the expect-puppeteer library on npm: www.npmjs.com/package/expect-puppeteer?activeTab=readme for better assertions.
@youee1234
@youee1234 5 лет назад
Thanks a lot for you videos, there are so clear and fine! I do have 1 question: Im not too familiar with setting a CI/CD but, dont you prefer to run your test before you NPM BUILD your project? Dont you want to prevent your build in case the tests fails? so instead of running your test on postbuild, you'd prefer to do it on prebuild?
@RockCYP
@RockCYP 5 лет назад
Thank you for this video. I have used puppeteer before but did not do any request interception. However, nowadays I am looking into using Cypress as well, do you have any experience using Cypress?
@DevMastery
@DevMastery 5 лет назад
+Petros Kyriakou I have very high hopes for Cypress, but right now their networking and stubbing features are not where they need to be for testing anything but the most basic scenarios. I’m tracking the following open issues very closely: Full Network Layer Stubbing / fetch support github.com/cypress-io/cypress/issues/687 Jest support github.com/cypress-io/cypress/issues/281
@RockCYP
@RockCYP 5 лет назад
@@DevMastery I see thanks for the insight. Reading the issues, it doesn't seem there will be any breakthroughs any time soon though.
@DevMastery
@DevMastery 5 лет назад
Agreed. it's really too bad, because Cypress is super slick and I want so badly to be able to use it in my real work. It's just not there yet.
@mykelchang846
@mykelchang846 4 года назад
I've tried jest + puppeteer and I felt like I couldn't test like I can with cypress. Moreover, reading tests written with jest + puppeteer don't look as natural.
@tr233
@tr233 3 года назад
finally not a bad hindu tutorial :)
@juguetestoys1137
@juguetestoys1137 2 года назад
great ! how can I copy the data obtained, inside a html div, instead of viewing it, in console. thanks
@waheedafolabi6264
@waheedafolabi6264 4 года назад
Yes, please!
@supercasterjacy
@supercasterjacy 9 месяцев назад
I'm not sure about writing 8 tests at the beginning. TDD cycle tells us to write one failing test, pass it, refactor it, and there goes the cycle. 8 Failing tests is... idk
@DevMastery
@DevMastery 9 месяцев назад
Thanks for taking the time to watch and provide some feedback. I'm not advocating 8 failing tests. I'm using "skipped" tests as a kind of "todo list". I only unskip/enable 1 test at a time and proceed with the cycle as you described. But it's purely a preference thing, when I'm working on a feature i like having a running todo list expressed this way, it may not be everyone's cup of tea though. Thanks again for watching!
@vl.ca.1733
@vl.ca.1733 5 лет назад
At the begging, you're saying that this video will be for experienced devs after you explain what is Postman.
@DevMastery
@DevMastery 5 лет назад
+Nelu B I hear you but there are so many different tools nowadays, I’m not sure what’s safe to assume anymore. I just meant, if you’ve never built a web app or written a test before this is probably not the best video to start with.
@antoinelb8509
@antoinelb8509 5 лет назад
I’m a full time front-end developer, and a 10 second refresher of Postman is exactly what I needed to warmup