S9E7 | Writing Tests That Won't Cause Headaches | Younes Jaaidi

End-to-end testing has traditionally been a source of frustration for developers - flaky tests, complex setup, and poor debugging experiences have made it a necessary evil rather than a productive part of the development workflow. With the rise of modern testing frameworks like Playwright, developers are discovering that E2E testing can actually be reliable, fast, and even enjoyable. The integration of AI capabilities is further revolutionizing how we write, maintain, and debug tests. In this episode we welcome Google Developer Expert and Principal Technical PM at Microsoft, Debbie O'Brien, to explore the current state of Playwright and its evolving ecosystem. Between juggling twins under 2, Debbie shares insights on what makes Playwright different, the latest features transforming the testing landscape, and how AI is being integrated to make testing more intelligent and efficient. You can expect to learn why Playwright is becoming the go-to choice for modern web testing and how to leverage its powerful features in your projects.More about DebbieX:@debs_obrienLinkedIn: Debbie O'Brien https://dev.to/debs_obrien/letting-playwright-mcp-explore-your-site-and-write-your-tests-mf1https://debbie.codes/ Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

Client rendered web apps are not generally not indexable by Google Bot and others for extracting on-page content and optimizations for ranking high in the search engine results page. The result is that many organizations use technologies like WordPress, Astro, and others, for a marketing presence on the web, avoiding frameworks like Angular and React due to this limtation. With the maturing of Server-Side Rendering (SSR) in Angular, more developers are building both their interactive web apps and their more traditionally static market web properties with Angular (and React with RSC). In this episode we welcome Google Developer Expert, and open source contributor, Jeff Whelpley to break it all down. You can expect to learn how Angular with SSR is an excellent technical choice for optimizing your web app for Search Engine Optimization.More about Jeff Bluesky: ‪@jeffwhelpley.dev‬X: @jeffwhelpleyLinkedIn: Jeff Whelpley Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

Our beloved former host, Jay Bell, stopped by this week to share what he’s learned about using GraphQL to speed up development and keep code quality on point. Always a blast having him back!https://graphql.org/learn/https://www.apollographql.com/https://the-guild.dev/More about Jay: Bluesky: @jaycooperbell.dev‬LinkedIn: Jay BellX: @JayCooperBelltrellis.orghttps://graphql.org/learn/https://www.apollographql.com/https://the-guild.dev/ Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

Today Michelle Frost from JetBrains joins Jan and Q to explore the challenges and opportunities of integrating AI tools directly into your IDE, discuss real-world scenarios around trust, transparency, and skill-building, and unpack what “responsible AI use” looks like.More about Michelle Bluesky: @aiwithmichelle.com‬ LinkedIn:  https://www.linkedin.com/in/michelle-frost-dev/Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

It’s not everyday your favorite JavaScript framework releases its twentieth version! Join us with Minko as we find out what features graduate to stable, what changes we can expect, and more!! goo.gle/angular-v20More about MinkoX:@mgechevLinkedIn: Minko GechevBluesky:  @mgechev.bsky.social Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

We talked about SSR here before. This week we sat down with Brygida and continued this conversation, covering some more of the in-depths of SSR and what it means for you and your team!More about Brygida:https://www.linkedin.com/in/brygidafiejdasz/https://x.com/brydziafhttps://www.instagram.com/speed_date_with_angular/https://www.youtube.com/@SpeedDateWithAngularFollow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/  Stock media provided by JUQBOXMUSIC/ Pond5

Chau and Jan sit down and talk about the "TYPE" in TypeScript because Chau comes across an amazing talk Kris Jenkins called Communicating in Types. Chau shares about his mistakes with error handling patterns with Remix in TypeScript. Jan seems to enjoy it and we think you will enjoy it too.https://www.youtube.com/watch?v=SOz66dcsuT8More about Chau & Jan-NiklasX: @niklas_wortmann  @Nartc1410LinkedIn:Jan-Niklas Wortmann  Chau N TranFollow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

Testing your code should not be painful and it shouldn't set you up for painful refactors down the road. Our guest Younes Jaaidi shares his stratgey for writing tests that flips the way we think about writing test AND code on it's head.Younes' cookbook:  Younes' Cookbookhttps://poku.io/More about Youneshttps://twitter.com/yjaaidihttps://www.linkedin.com/in/yjaaidi/https://bsky.app/profile/younesjd.devhttps://github.com/yjaaidihttps://medium.com/@yjaaidiFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

We all hear about AI every single day, but what are AI Agents and how are they used? Join us today as we talk with Rizel Scarlett from Block!More about RizelX: https://x.com/blackgirlbytesLinkedIn: http://linkedin.com/in/rizel-bobb-sempleBluesky: https://bsky.app/profile/blackgirlbytes.bsky.social YouTube: https://www.youtube.com/shorts/vHK9Xg_d6SkBlock AI Agent: https://github.com/block/gooseResilient Coders: https://www.resilientcoders.org/LinkedInFollow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025 Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5

Cypress is a fantastic tool for E2E, but also component testing. In this episode we sat down with Mark Noonan, product manager at cypress. Other than Cypres we also extensively talked about testing accessibility, you don't want to miss that!More about MarkLinkedIn: Mark NoonanBluesky: @marktnoonan.bsky.socialCypress Accessibility product pageUI CoverageAngular component testing docsFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonlineEdited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5