Selenium Framework for Beginners 37 | Visual Validation | How to use Applitools with Selenium

[@Rahul-ff7nw]

Thanks alot Raghav for this wonderful session and making our life easier.

[@RaghavPal]

You're welcome Rahul

[@karine.ramosb]

Thank you for this video! very useful and well explained.

[@RaghavPal]

You're welcome Karine

[@LiveLifeAsYouWish]

Thank you so much. very good explanation.

[@RaghavPal]

You're welcome Venkatesh

[@AabirDaneshyar]

Excellent. Very well explained.

[@RaghavPal]

Glad it was helpful Aabir

[@johnmiller6860]

Hi Raghav, thank you for posting this video, its easy to understand with good resources.

[@RaghavPal]

Glad to know this John

[@imaneamouna936]

Thank you very much Sir! You are amazing.. great work 🌹🌹

[@RaghavPal]

You are most welcome Imane

[@nandakumar.k.g7719]

Than you Raghav. Very Well Explained.

[@RaghavPal]

You're welcome Nanda

[@souvikpal4402]

Thank you Raghav for the wonderful session. It would be great if you answer my below questions : 1. I have run couple of TCs and there are some issues. I want to share those reports with my teammates. What are the ways i can share the reports apart from having a common eyes account? 2. Suppose we have baseline images of AUT A and B. Next time we run same test only on A. So how does Applitools identify that it needs to check baseline of A not B?

[@RaghavPal]

Hi Souvik Pal, 1. I Believe in applitools, you will find option to share report. Pls check 2. This will work purely based on your last baselined image. You can create different tests for diff applications with diff baseline images

[@mrprjudit]

Hi Raghav, thanks for the nice informative video. Have couple of questions. 1. Is this a free tool? 2. If free version has limited features, will the screen comparison you have explained is covered in free version? 3. Is this need to be always connected to internet to access the report and for key validation ? 4. Is there any other way to add golden image and getting report other than their dashboard?

[@RaghavPal]

Hi Judit, 1. Free applitools account gives you 100 checkpoints per month for free. Although this katalon plugin is not free. 2. On free ver checkpoints are limited to 100 per month 3. Yes, you need to be connected to the internet to check your applitools dashboard 4. No as of now.

[@saurabhkeshri740]

nice

[@RaghavPal]

Thanks Saurabh

[@jitendrapatil761]

Hey Raghav Thanks for all the videos you are making they are very helpful to learn us new things. Can make video which will cover visual validation test with any open source tool..?

[@RaghavPal]

Sure, I will check and create Jitendra

[@sromankov6102]

Thank you for your awesome tutorials, is it possible to use applitools for running tests in several threads ?

[@RaghavPal]

Thanks for your message. Yes, I believe it should be able to handle this. Have not tried though.

[@samsuthenakbarali1115]

Hi Raghav. Thanks for the video. will it validate only the focusing screen or it will validation the full screen aswell.

[@RaghavPal]

It will validate everything inside the current browser window

[@pandudamera7211]

Yes brother

[@hazimabdoh6303]

dear Mr Raghaf , thanks for your helpfull & valued toturial realy its amazing , kindly where can i find the script where you explain and working on it pls ? i hope you reply to me because i made a lot of searching but still cant find it , just i found a testng script , many thanks .

[@RaghavPal]

Hi Hazim, most of the notes, I have added in the description section, Can get the project from GitHub - github.com/Raghav-Pal/SeleniumJavaFramework1

[@hazimabdoh6303]

@@RaghavPal thanks for your quick response , i executed the script but it failed and the chrome page didnt opened clearly and completly then disapeared , the errors as mentioned below : WARNING: An illegal reflective access operation has occurred WARNING: Illegal reflective access by org.openqa.selenium.os.ProcessUtils (file:/C:/Users/Lenovo/eclipse-workspace/selenium%20test/lib/selenium3jars/selenium-server-standalone-3.0.1.jar) to field java.lang.ProcessImpl.handle WARNING: Please consider reporting this to the maintainers of org.openqa.selenium.os.ProcessUtils WARNING: Use --illegal-access=warn to enable warnings of further illegal reflective access operations WARNING: All illegal access operations will be denied in a future release Exception in thread "main" com.applitools.eyes.EyesException: invalid session id at com.applitools.eyes.selenium.CommandExecutor.managerOpenEyes(CommandExecutor.java:103) at com.applitools.eyes.selenium.Eyes.open(Eyes.java:135) at Demo.Applitoolsdemo.main(Applitoolsdemo.java:27) can you please provide me with the resolution for this problem?

[@jwgmail]

Very helpful look into the GUI, thank you.

[@RaghavPal]

You're welcome

[@chandanmp4789]

Hi Raghav, the script is not working for Chrome version 77. It goes to expection after clicking the Button in RUN1. Test in Applitools will be in Running Status

[@RaghavPal]

Hi Chandan, is it running on other versions, Have you checked updating the browser drivers. Pls check and let me know

[@saranyababu1359]

Can you suggest some free visual regression tools which has integration with selenium java

[@RaghavPal]

Saranya ## Free Visual Regression Tools with Selenium Java Integration: Here are some free visual regression tools that integrate with Selenium Java: 1. Applitools Eyes: * Offers basic free plan with limited features. * Provides AI-powered visual comparison with smart ignore regions. * Integrates seamlessly with Selenium WebDriver through Java SDK. * Offers good documentation and community support. 2. Galen Framework: * Open-source, lightweight and easy to use. * Uses BDD approach for test definition. * Offers basic visual comparison without advanced features. * Requires manual configuration for ignore regions. * Good choice for simple visual regression testing. 3. Visual Testing by Applitools: * Open-source tool with limited features compared to the paid version. * Offers basic image comparison and screenshot capture. * Requires additional configuration and scripting for Selenium integration. * Suitable for learning and basic experimentation. 4. BackstopJS: * Open-source framework for visual regression testing. * Uses visual snapshots and diff tools for comparison. * Requires additional setup and configuration for Selenium integration. * Offers flexibility and good community support. 5. vrtest: * Open-source library for cross-browser visual regression testing. * Integrates with Selenium and utilizes visual similarity algorithms. * Requires additional configuration and scripting for Selenium integration. * Suitable for developers comfortable with scripting and libraries. Additional Considerations: * Features: Evaluate the features offered by each tool and match them to your specific needs. * Ease of use: Consider the learning curve and complexity of each tool. * Documentation and support: Assess the available documentation and community support for each option. * Customization: Some tools offer more flexibility for customization and scripting. Ultimately, the best choice depends on your specific project requirements, technical expertise, and desired features. Don't hesitate to experiment with different tools to find the one that best suits your needs.

[@darshingale3861]

Hi Raghav, thank you for posting this video, but have a question, can we change base line to PDS or Zeplin image. Is there have any other option ?

[@RaghavPal]

Hi Darsh, you can change baseline to any output image. Not sure what do you mean by PDS or Zeplin image, it will basically be the screenshot of your webpage when you do the capture with Applitools

[@darshingale3861]

@@RaghavPal - Thanks for the reply, Sorry for typos, but I have Photoshop image (PSD file) or Zeplin image; it is used for GUI Testing(div alignment, Positions, element CSS properties) of web elements, so that image I can add as the baseline? And then compare the HTML with this baseline?

[@RaghavPal]

Okay got you, so you need to add a custom baseline image. As far as I know the baseline gets generated when you first run your test, So it will take whatever is available on your browser (application) as baseline (Not that you can upload a custom baseline separately) But also pls check with documenation or applitools chat

[@jeelanalikhan8086]

Hello Raghav, Hope you're doing well. I tried automating a website and it had elements in a canvas where on inspecting a particular element it selected the whole screen. Can you please provide the feedback as to how to inspect the elements using Applitools and perform necessary actions i.e Click or Send keys. It would be a great help. Thanks in advance.

[@RaghavPal]

Hi Jeelan, as shown in this video, the actions are done by selenium methods and visual validation by Applitools. So you can use it in combination.

[@keerthanaspillai3095]

Sir I can't see this 4 step procedures.. Clicking on Run your first test, ui is different for me..

[@RaghavPal]

Hi Keerthana, may be due to updated ver and GUI, but the basics should be the same, If required you can check the documentation online

[@keerthanaspillai3095]

@@RaghavPal thank you sir, let me check

[@piotr4578]

Hey a very useful tutorial, can you recommend any free tool as good as applitools?

[@RaghavPal]

Hi Piotr you can see some options here

[@123lowp]

OpenCV is free and available in Python and Java. Look up "Template Matching". When a match is found, you'll have the upper-left coordinate of where the template matches on the image (screenshot). You can build a class that retrieves the corners and center points of the match location. You can then use the Robot class in Java to click. If you need to mark some parts of an image as irrelevant, OpenCV has a "mask" that can be provided as well. Then, the algorithm will ignore those parts when calculating the match location.

[@angengss]

Cool! Is it possible to use Applitools to get values from a web app and have those values compare in a pdf?

[@RaghavPal]

Hi Angelica, it may not be able to handle pdf

[@angengss]

@@RaghavPal ohh okay thanks for the reply Raghav, appreciate it. I do have another question, do u have any suggestions on what tool I can use for pdf validation (values and formatting, etc) that I can use in creating automation scripts? Planning to use pdfbox and applitools..

[@RaghavPal]

pdfbox will be good, I have once done pdf comparison which I recorded here kzbin.info/www/bejne/oaCwlpqJq794jKc

[@angengss]

@@RaghavPal yey thank u so much Raghav!

[@getlucky5]

Hi raghav...I am working on Csharp. Using specflow...can I use it in my framework in visualstudio

[@RaghavPal]

Yes Lucky you can use it

[@PraveenKumar-fq5ld]

Hi Raghav , There is a demand from my client to use applitools , and I am using robot framework , so while installing the library there are some error coming , it will be great if you can make a small video on installation process in robot framework . I will be grateful to you as no one knows this tool in my organization and I am totally blocked . Thanks

[@RaghavPal]

Hi Praveen, I will plan on this

[@akhilasri2566]

hello praveen..are u exp in appli tools now .Can u tell me how to install it

[@kalyanvenkatasai6620]

any idea on pixel validation spaces??

[@RaghavPal]

Hi Kalyan, Check the Applitools Match levels - ultimateqa.com/applitools-match-levels/

[@christianperezm7766]

But... this tool is assuming the page is loaded with no UI issues ..

[@RaghavPal]

Hi Christian, this is for visual validation. So if there will be any changes in the UI visually, it should catch it

[@prashantht.v8289]

Hi Raghav, Very good video. However, I'm stuck with an issue. When I run the code, Chrome Browser is getting launched, But it is not navigating to the url. In the eclipse console i See the below message "[1565939322.219][WARNING]: Timed out connecting to Chrome, retrying". Can you pls help

[@RaghavPal]

Hi Prashanth, do you see more logs. It mostly can be due to compatibility issue between selenium and chromedriver. Can try with diff versions.

[@prashantht.v8289]

@@RaghavPal I tried by matching the Chrome Driver version and the Chrome Browser Version( v 75)..Still the same issue.. Not able to figure out the reason.

[@RaghavPal]

Hi Prashanth, Is this working for other browsers? Pls check if this helps softwaretestingboard.com/q2a/1231/chrome-browser-launch-but-application-url-not-open#axzz5wrTeuSL8 sqa.stackexchange.com/questions/22633/not-able-to-open-the-url-using-the-driver-get-method-in-selenium-after-launching

[@pauldavidekambaram5188]

Is it possible to validate PDF in Applitools selenium framework

[@RaghavPal]

Will have to check Documentation for this. Also check this video - kzbin.info/www/bejne/oaCwlpqJq794jKc

[@hima3867]

Hello Raghav Sir, I want to try this code for applitool Hello world But I couldn't find this Applitool demo test code in the site. Could you pls help me with the sample code or share the link where I can find one. Thanks in advance Hima

[@RaghavPal]

Hi Hima, pls check this github.com/Raghav-Pal/SeleniumJavaFramework1

[@hima3867]

@@RaghavPal Thanks you so much for sharing the link. I am facing one error now in SeleniumWait sample code when adding this Applitools (version 4.12.0) to my pom.xml. My Applitools sample code worked fine, but SeleniumWait sample code shows an error in the line below: WebDriverWait wait = new WebDriverWait(driver,Duration.ofSeconds(10)); It says:The constructor WebDriverWait(WebDriver, Duration) is undefined. And when I remove the dependency for Applitools from pom.xml , the SeleniumWait sample code works fine with the above syntax. & when I keep the dependency for Applitools , the SeleniumWait sample code worked fine when I tried the below old syntax , WebDriverWait wait = new WebDriverWait(driver,10)); I wonder how this is working fine when the old syntax is deprecated? Could you explain ? Thanks in advance Hima.

[@RaghavPal]

Hi Hima, What is ver of selenium you are using. May be from Applitools libraries, will need to check in detail, for now you can continue with what is working for you

[@hima3867]

​@@RaghavPal I am using Selenium -Java 4.0.0-alpha-5.

[@arjunshakthivel7437]

Hi can you post cucumber and protractor video it will be help for us

[@RaghavPal]

Sure Arjun, that will come very soon

[@pandudamera7211]

How to implement any framework ? Please explain to me

[@RaghavPal]

Hi Pandu, are you looking at implementing applitools in any framework?

[@Hello-po6rl]

Hi Raghav, thanks for your video. Can you please ping me the applitools eyes Jar URL to download the necessary files?

[@RaghavPal]

Hi Ramana, I will suggest go maven way as explained here - applitools.com/tutorials/selenium-java.html OR check this applitools.com/tutorials/screenshots-java.html#run-your-first-test

[@kalyanvenkatasai6620]

any idea on pixel validation spaces??

[@RaghavPal]

Hi Kalyan, you can change the strictness and level in Applitools Matchlevels - ultimateqa.com/applitools-match-levels/