Visual Regression Testing Tutorial with Applitools Eyes and Cypress

* Installing Cypress for testing with npm
* Installing Applitools Eyes visual testing tools
* Setting up the Applitools Eyes API to visually test our app

🗒️ Read More

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

Applitools

@applitools/eyes-cypress

Applitools Cypress Tutorial

Cypress

Create Next App

🎼 Music
Guitar House by josh pan
YouTube Audio Library

#colbyfayock #testautomation #visualtesting #applitools #cypress #nextjs #webdevelopment

[blarvinius]

@colbyFayock Wow! Thank you so much for the FCC write up! Got a subscriber from that. Why is the FCC content so much better than anything else? I don't know.

[swampflux]

Thanks for the concise explanation with a real-world practical example. A lot of Applitools own videos are too surface level and full of clip art.

[EnriqueOlavarria]

Hi Colby, thanks for the great tutorial, one question, I have my cypress tests with applitools visual testing implemented, how can I pass the environment variable to browserSctack if I'm running from Jenkins?

[mudandmoss]

Hey Colby can you give your opinion on gatsby vs next now that next supports ssg too?

[mohammadkhizar]

If I have a long page that requires scrolling and I want to test out the entire page does Applitool support that? For example can I make the the entire page a base image to test against? Please help

[agustincatalano]

nice tutrial! this would be awesome if you do it with cypress and backstopjs

[trungtintran]

Hi Colby, I was following ur video and I got an issue and it was like: CypressError:
this._abortCommand is not a function
Because this error occurred during a after all hook we are skipping all of the remaining tests.
{timeout: function(){}. Can you help me out!