Visual Testing in Next.js with Playwright & Applitools

Better testing in Next.js using visual AI with Playwright and Applitools.
We'll walk through setting up and installing Applitools Eyes in Playwright, adding checkpoints through different user journeys, and how to handle dynamic content by ignoring regions or by letting Applitools use AI to determine if its a content or layout change.
🧰 Resources
Tutorial: spacejelly.dev...
Starter: github.com/col...
Code: github.com/col...
Applitools: spacejelly.dev...
Playwright: playwright.dev/
📺 UA-cam: ua-cam.com/users/co...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayoc...
🎥 What I Use: www.colbyfayoc...
#colbyfayock #applitools #testing #test #nextjs #webdevelopment

[@colbyfayock]

Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

[@colbyfayock]

Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

[@afaque.]

Love your videos
What do you think about making them a little more detailed?

[@colbyfayock]

hey, thanks! would you mind giving an example?

[@nasermahmood7991]

Is it possible to get the code for the dummy website that you used for testing? Or perhaps make a video on how you created it.

[@colbyfayock]

right here! github.com/colbyfayock/demo-news-starter