Applitools plugin for Selenium IDE

Latest Version

Version
1.14.0
Update
July 7, 2022
Size
2.45MiB
Developer
applitools.com
Category
Users
3,000+
Rating
4.36364 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Tabs
ActiveTab
Downloads
Storage

See more

Applitools for Selenium IDE Extension

Applitools for Selenium IDE is a lightweight plugin that works with the Selenium IDE Chrome 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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "description": "Applitools plugin for Selenium IDE", "manifest_version": 2, "name": "Applitools for Selenium IDE", "version": "1.14.0", "version_name": "1.14.0", "homepage_url": "https://applitools.com/", "icons": { "70": "icons/icon_70.png", "128": "icons/icon_128.png" }, "browser_action": { "default_icon": { "16": "icons/icon_menu16.png", "32": "icons/icon_menu32.png", "64": "icons/icon_menu64.png" }, "default_title": "Applitools for Selenium IDE", "default_popup": "assets/index.html" }, "permissions": [ "tabs", "activeTab", "downloads", "storage", "" ], "web_accessible_resources": [ "assets/pageScripts.js" ], "content_security_policy": "script-src 'self'; object-src 'self'", "externally_connectable": { "ids": [ "*" ] }, "content_scripts": [ { "matches": [ "" ], "js": [ "assets/content.js" ], "match_about_blank": true, "all_frames": true } ], "background": { "scripts": [ "assets/background.js" ] }, "options_ui": { "page": "assets/options.html", "browser_style": false, "chrome_style": false }}
Read more

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

icon

E2E Test Builder Extension · Developer Tools 3,000+ 1 ★ 509KiB

icon

Selenium Capture + Excel Generator Extension · Developer Tools 3,000+ 3 ★ 433KiB

icon

Selenide for Selenium IDE Extension · Developer Tools 3,000+ 2 ★ 142KiB

icon

SelectorsHub - XPath Helper Extension · Developer Tools 3,000+ 1384 ★ 556KiB

icon

Selenium IDE Extension · Developer Tools 3,000+ 286 ★ 3.96MiB

icon

Testim Editor Extension · Developer Tools 3,000+ 24 ★ 20.84MiB

icon

Page Object Generator By Storm Extension · Developer Tools 3,000+ 1 ★ 295KiB

icon

Selenium Object Finder Extension · Developer Tools 3,000+ 20 ★ 181KiB

icon

Selenium Page Object Generator Extension · Developer Tools 3,000+ 64 ★ 335KiB

icon

Copado Selenium Recorder Extension · Developer Tools 3,000+ 1 ★ 555KiB

icon

Katalon Recorder (Selenium tests generator) Extension · Productivity 3,000+ 263 ★ 6.23MiB

icon

Ui.Vision Extension · Developer Tools 3,000+ 217 ★ 8.08MiB

icon

BlazeMeter | The Continuous Testing Platform Extension · Developer Tools 3,000+ 159 ★ 2.17MiB

icon

ChroPath Extension · Developer Tools 3,000+ 1167 ★ 540KiB

icon

SnapTest Extension · Developer Tools 3,000+ 23 ★ 9.27MiB

icon

Ranorex Selocity Extension · Developer Tools 3,000+ 51 ★ 6.59MiB

icon

POM Builder – Auto-generate CSS/XPath Locator Extension · Developer Tools 3,000+ 28 ★ 1.98MiB

icon

Robotcorder Extension · Developer Tools 3,000+ 18 ★ 210KiB

icon

Katalon Integration Extension · Developer Tools 3,000+ 0 ★ 238KiB

icon

xPath Finder Extension · Developer Tools 3,000+ 34 ★ 15.28KiB

icon

Element Locator Extension · Developer Tools 3,000+ 22 ★ 264KiB

icon

TestCase Studio Extension · Developer Tools 3,000+ 180 ★ 782KiB

icon

Synthetics Formatter for Selenium IDE Extension · Developer Tools 3,000+ 3 ★ 106KiB

icon

Page Modeller (Selenium, Robot Framework etc) Extension · Developer Tools 3,000+ 5 ★ 1.12MiB

User reviews

icon

Elliot Portnoy (ID: 00000003d1037fe0) Voted 5 ★ - Updated 12/02/2021 I use it daily. :)

icon

Liviu Lupei (ID: 0000008a6265867a) Voted 1 ★ - Updated 07/17/2020 Overpriced and flaky. It would be easier just to use the free imagemagick library or some Python library instead.

icon

Simon Lennon (ID: 0000000a42b9b695) Voted 2 ★ - Updated 11/01/2019 Information overload, I don't want to watch multiple videos and read a huge amount of text just to see what this extension actually does. If a user can't get started with an extension within a few minutes it needs refinement and clearer breakdown or no one will use it.

icon

Moshe Milman (ID: 000000e7892601e8) Voted 5 ★ - Updated 03/04/2019 Amazing how easy it is to record a test and immediately get the results from 10 different environments

icon

Arun Varma (ID: 000000e9f9308f49) Voted 5 ★ - Updated 03/01/2019 This is great!