How to Build Robust Applications with Cursor AI + Playwright

[@YifanBTH]

This is a long one, specifically made for the test geeks and production-minded coders (that's everyone right?). Hope you enjoy the much improved audio quality with the new mic. Even if you don't think it sounds different, please just say it's better, I need to justify to myself spending so much on a mic was worth it. Happy Shipping!

[@RokStrnisa]

It's better.

[@dawid_dahl]

@@YifanBTH (Oh, I didn’t notice the improvement. And while that might sound like a bad thing, I actually think it’s the opposite. Super clear and crisp, so much so I wasn’t bothered by bad audio quality!)

[@YifanBTH]

@@dawid_dahl haha, I've still got time left to return it.

[@dawid_dahl]

@@YifanBTH Listening to it more intently now, I think the audio quality is really good! It was definitely a positive that I didn’t notice it at all at first-that means it was good enough to sound natural and easy. 🙂 It’s like with a skillful DJ at a club. If he or she does the job well, you shouldn’t notice them at all. Only if they fuck up you will draw your attention to what they’re doing, haha!

[@mrshayshay21]

Your channel is going to be huge. Do not stop uploading!

[@dawid_dahl]

Haha, the higher quality the development content of this channel, the fewer the views! As expected. This is the reason why I’m not afraid of the AI taking my job anytime soon. Because all the AI hype bros (with the attention spans of a small sparrow 🐦) that think they can code will start generating so many bugs due to lack of skills and proper automated test suites, that trained and good developers will be needed to clean up their mess for years to come. 😅 This video was awesome! Just what is needed in today’s environment. Thank you so much!

[@YifanBTH]

definitely believe we are gonna get there on day, but it's still going to take some time

[@dawid_dahl]

@@YifanBTH I for one will really appreciate if you keep doing quality content like this and not fall prey to making clickbait-hype-bro-vacuous-type content. We have enough of that on KZbin already. 😅

[@dilahdan]

Nice one. I was feeling the same way. This has given me motivation to write more tests.

[@YifanBTH]

let AI do the hard work ;)

[@samds7750]

Yes would love a tutorial for Playwright using auth storage and a copy of your Notepad instructions for Playwright would be super helpful! Much appreciated 🙂

[@YifanBTH]

yes sir, you survived long into the video. let me clean up the instructions and upload it as a gist on github

[@samds7750]

@@YifanBTH Much appreciated sir! 🙂

[@messostuff6829]

A Playwright auth storage tutorial would be awesome.

[@Baleion]

Nice work, I appreciate the attention to detail and that you’re hitting a topic that seems to get brought up a lot by the anti-AI crowd: “AI breaks stuff and it takes longer to fix than it’s worth”. Yeah, just because we have this tool doesn’t mean we throw all other proper software development practices out the window.

[@YifanBTH]

Thanks! the key is balance. The answer is almost never "do" or "don't", it's how you use it. Glad you found it helpful. Us techies still has job in this world for the time being haha.

[@haniahani5351]

Packed with value. ❤

[@andydataguy]

Great video brother keep it up! 🙌🏾

[@robertojuarez9638]

Amazing content! it's been very useful, keep it up brother!

[@YifanBTH]

Thanks, will do!

[@EduardsRuzga]

Love the topic, was arguing and flirting with idea of "i write tests, AI writes code until tests pass" approuch since 2022, and especially since GPT4 and Code Interpreter came out as proof of viability of such workflow. Sad no tool really going for it right now. Very good video.

[@carinebruyndoncx5331]

Qodo is full circle test focused

[@EduardsRuzga]

@carinebruyndoncx5331 thanks, will need to take a look

[@SamiSabirIdrissi]

Bro!!! I was working on the same thing on cursor just last night !! Creating test frameworks with cursor and Claude

[@YifanBTH]

it's a rarely talked about workflow when so many videos just focus on the prototyping phase. it took me a lot of tinkering to get it right but totally worth the time.

[@SamiSabirIdrissi]

@@YifanBTH yes! Testing is going to more important than ever that now we have ai to test and have to learn how to make ai build test frameworks to test different areas in software development such as api’s, databases, user interface, and even cloud infrastructure integrations

[@SamiSabirIdrissi]

@@YifanBTH 😬 so true

[@YifanBTH]

@@SamiSabirIdrissi agreed. it's actually easier than ever to get high test coverage. the only pitfall, watch out for the bogus test the AI occasionally generate. never take AI gen code as it with out double checking

[@SilentStyleGamer]

It would be really cool if you shared documentation or useful things, say, via Google Drive. Great work ❤

[@YifanBTH]

Great suggestion. I'll be making more of the materials ready via GitHub gists in the video descriptions.

[@cheit124]

Great video, thank you

[@agsvk-com]

Really good! Thank you. Would be nice to have an in-depth of all three different types of tests with AI development using Cursor or Windsurf or Cline.. Would be nice to see it on KZbin but i think with a thorough one some would pay for a course on it as there doesn't seem to be much on this topic especially in the context of AI dev workflows.

[@YifanBTH]

Great suggestion!

[@hamburger--fries]

Good work!!! Im using ClineBOT which is better than Cursor in my mind but this PLaywright strategy works perfect with Cline as well. Thanks!!!!!!!!

[@YifanBTH]

I should give that a try. Yes, these principle would generally apply to any AI code editor, perhaps I should rename the video haha.

[@loombra01]

So much expected! Awesome video! Have you already tried Pythagoras AI? Their intricate coding agent system surprised me

[@YifanBTH]

Look really cool, need to find a weekend to check it out.

[@BrentMalice]

ive never heard of this "testing" before. you mean i dont just push to prod and then see if the happy green light turns angry red? also grats on growin so fast. its nice seeing someone put the effort in while also being realistic about ai tools. everyones either overhyped or hates it. i just wanna be able to have automatic snippets and basic feature extension. lotta small things

[@YifanBTH]

hahaha, I'm mistaken, single button "push-to-prod" is the only true way to ship! Jokes aside, provided you have amazing deployment and rollback mechanism in place, you can do this quite well to a certain degree. Many facebook's team survived a looooong time leveraging this methodology (probably too long).

[@RokStrnisa]

@@YifanBTH Push-to-prod button? It's easier to edit files in prod directly.

[@matthiasrau9289]

Thank you 🙏

[@YifanBTH]

Welcome!

[@hussainbhagat8855]

This was crazy good. Can you do the third-party OAuth provider setup, as you mentioned at the end of the video? Also, how exactly do you do E2E and, if necessary, the other types of testing as well with AI?

[@YifanBTH]

Glad you found it helpful. Testing isn't the thing that people usually care about the most, but in AI-generated code, testing makes things so much easier. I just resort to end-to-end testing most of the time.

[@jasne2992]

How would be your workflow for making ios apps with cursor or cross platform apps

[@carinebruyndoncx5331]

I have used codeceptjs for web testing has webdriver and playwright support. Ai integrated and architecture with page objects allows for gherking, bdd or atdd style test automation. Highly flexible.

[@YifanBTH]

Very interesting. I need to give that a try.

[@thegrumpydeveloper]

Docs link is good to teach it that’s cool

[@YifanBTH]

thanks for the reminder, added to the description. also here's the link for playwright setup: [Installation | Playwright](playwright.dev/docs/intro)

[@nickwoodward819]

How to burn through your credits in half an hour :D

[@YifanBTH]

haha, set that to o1-preview, your bank will be empty by the next day. that's why I prefer to pay cursor the monthly sub, at least it makes the usage cost much more predictable

[@nickwoodward819]

@@YifanBTH how much do you think you're getting through on cursor? know it's a bit of a vague question :D

[@imshaiknasir]

Please share the notepad 🥲

[@YifanBTH]

yes ser, you can find it here: gist.github.com/yifanzz/00800ecc4bc73157311b81444664616c. I've also updated this to the video description