How I ran 100 UI tests in just 20 seconds 🚀

Life before Visual Grid

Life with Visual Grid

pasted image 0 7

Source code

npm remove @applitools/eyes.storybook
npm i @applitools/eyes-storybook

Applitools Visual Grid Demo

git clone https://github.com/thisdot/storybook-angular-applitools.git
npm install
ng serve
1
npm run storybook
2
npx eyes-storybook
3
4

Visual UI tests with custom viewports

npx eyes-storybook
Screenshot 2019 03 25 at 23.34.25

Visual UI tests with device emulation

npx eyes-storybook
Screenshot 2019 03 25 at 23.24.51
7

100 Visual UI tests

npx eyes-storybook
Screenshot 2019 03 28 at 22.54.11
Screenshot 2019 03 28 at 23.02.24
npx eyes-storybook
Screenshot 2019 03 28 at 23.09.17
Screenshot 2019 03 28 at 23.13.38

See for yourself

Conclusion

--

--

--

Deliver visually perfect web and mobile apps with AI-powered end-to-end visual testing & monitoring. Get started, free: http://bit.ly/ApplitoolsFree

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Why do we hate to read strangers Code?

Real time logging to cloud storage in .Net using SeriLog and with Ravendb.

Fast vs. Clever BoM?

Material Transitions, Insturmented Tests, Kotlin Multiplatform Mobile and more!

GitHub Branching- In my way

Setting up a validator node in Polkadot PoC-1

An Example of Test-Driven Development

Enabling an effective CI/CD pipeline for micro-services

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Applitools

Applitools

Deliver visually perfect web and mobile apps with AI-powered end-to-end visual testing & monitoring. Get started, free: http://bit.ly/ApplitoolsFree

More from Medium

(Angular) State/store Made Easy on Nx Workspace

Bootstrap UI

Top 9 Most Popular Angular JS Frameworks For The Year 2022!

Ins & Outs of Meta reducers in Ngrx with examples