Applitools plugin for Selenium IDE
Applitools for Selenium IDE Extension
Why should you use it?
Have you ever released a version of your website or app with a visual bug? Messed up CSS so that things are out of whack?
Of course. We all have. (It’s ok!)
So how can this help?
Applitools for Selenium IDE, or SIDE Eyes for short, lets you incorporate visual UI testing into your Selenium IDE automated test scripts.
(If you’re not familiar with Selenium IDE, head over to https://www.seleniumhq.org/selenium-ide/)
How does it work?
SIDE Eyes lets you insert visual checkpoints into your Selenium IDE script. The first time you run one of these checkpoints, it grabs a baseline screenshot of whatever web page Selenium IDE is on.
Every subsequent time you run one of those checkpoints, SIDE Eyes grabs a new screenshot, then sends it off to Applitools’ find any visual differences.
On the Applitools website, you can see all your screenshots and all their visual differences.
Even better, we render your web page on a bunch of different browser viewport sizes, on both Chrome and Firefox, using our Visual Grid (https://applitools.com/visualgrid). This lets you find bugs in responsive web pages more easily.
For each visual bug we find, we show you the handful of CSS or DOM lines that most likely caused the bug, using our Root Cause Analysis feature (https://applitools.com/rca). This can save you HOURS of debugging time.
Is this just pixel comparison?
Not at all. We use a Visual AI engine to find only differences that the human eye will detect. That means no more annoying off-by-a-pixel false alarms to waste your time.
Want to learn more?
Check out our tutorial https://applitools.com/tutorials/selenium-ide.html
Source Manifest.json
How to download and manually install Applitools for Selenium IDE extension for Chrome
Looking for a way to install Applitools for Selenium IDE extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install Applitools for Selenium IDE extensions manually, this article outlines two simple methods to effortlessly install Applitools for Selenium IDE extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download Applitools for Selenium IDE extension and manually install through Drag &Drop
If you ever need to manually install a Applitools for Selenium IDE extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the Applitools for Selenium IDE Extension by clicking the "Download CRX" button on the website.
Look for the Applitools for Selenium IDE extension you wish to install. Go to the website and download the Applitools for Selenium IDE extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Applitools for Selenium IDE extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the Applitools for Selenium IDE extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download Applitools for Selenium IDE extension for Chrome and install in Developer Mode
This is another method to install Applitools for Selenium IDE extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the Applitools for Selenium IDE extension file
Select and download the Applitools for Selenium IDE extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the Applitools for Selenium IDE extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Applitools for Selenium IDE extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the Applitools for Selenium IDE extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install Applitools for Selenium IDE extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
E2E Test Builder 3,000+ 1 ★ 509KiB
Selenium Capture + Excel Generator 3,000+ 3 ★ 433KiB
Selenide for Selenium IDE 3,000+ 2 ★ 142KiB
SelectorsHub - XPath Helper 3,000+ 1384 ★ 556KiB
Selenium IDE 3,000+ 286 ★ 3.96MiB
Testim Editor 3,000+ 24 ★ 20.84MiB
Page Object Generator By Storm 3,000+ 1 ★ 295KiB
Selenium Object Finder 3,000+ 20 ★ 181KiB
Selenium Page Object Generator 3,000+ 64 ★ 335KiB
Copado Selenium Recorder 3,000+ 1 ★ 555KiB
Katalon Recorder (Selenium tests generator) 3,000+ 263 ★ 6.23MiB
Ui.Vision 3,000+ 217 ★ 8.08MiB
BlazeMeter | The Continuous Testing Platform 3,000+ 159 ★ 2.17MiB
ChroPath 3,000+ 1167 ★ 540KiB
SnapTest 3,000+ 23 ★ 9.27MiB
Ranorex Selocity 3,000+ 51 ★ 6.59MiB
POM Builder – Auto-generate CSS/XPath Locator 3,000+ 28 ★ 1.98MiB
Robotcorder 3,000+ 18 ★ 210KiB
Katalon Integration 3,000+ 0 ★ 238KiB
xPath Finder 3,000+ 34 ★ 15.28KiB
Element Locator 3,000+ 22 ★ 264KiB
TestCase Studio 3,000+ 180 ★ 782KiB

Synthetics Formatter for Selenium IDE 3,000+ 3 ★ 106KiB
Page Modeller (Selenium, Robot Framework etc) 3,000+ 5 ★ 1.12MiB
User reviews
Elliot Portnoy (ID: 00000003d1037fe0) Voted 5 ★ - Updated 12/02/2021
Liviu Lupei (ID: 0000008a6265867a) Voted 1 ★ - Updated 07/17/2020
Simon Lennon (ID: 0000000a42b9b695) Voted 2 ★ - Updated 11/01/2019
Moshe Milman (ID: 000000e7892601e8) Voted 5 ★ - Updated 03/04/2019
Arun Varma (ID: 000000e9f9308f49) Voted 5 ★ - Updated 03/01/2019