Now Take Responsive DOM Screenshots in SmartUI

If your website modifies the DOM based on viewport size or specific breakpoints, LambdaTest SmartUI SDK now offers configurable options to adapt to these changes seamlessly. 

When using the SmartUI CLI, the SDK captures the DOM state precisely at the specified viewport size within the test browser and then renders it across the various browsers and resolutions defined in your configuration file.

To get started, check out this guide on capturing responsive DOM screenshots.

Start Testing

Introducing Smart Ignore in SmartUI

We’ve added a new Smart Ignore feature in SmartUI to make visual testing smoother and more accurate, especially for dynamic, content-heavy software applications. This feature can distinguish between actual content changes and minor element shifts, reducing the false positives often found with pixel-by-pixel comparisons.

Here’s how Smart Ignore can help you:

  • Avoid false positives by managing displacement differences.
  • Reduce visual noise so you can focus on meaningful content changes.
  • Apply it globally via Project Settings or per screenshot using the Diff Options dropdown.

Currently, we have released the Smart Ignore feature in beta. You can enable Smart Ignore for free by contacting our sales team. 

For more details, check out the guide on Smart Ignore in SmartUI.

Start Testing

What’s New in HyperExecute: Detailed Cypress Logs, and Report Email Handling

1. Cypress Detailed Command Logs for Enhanced Debugging New Release

Detailed Cypress Command Logs in HyperExecute generate an extensive, human-readable record of all Cypress commands and their corresponding results, both in the console and as a file. It helps narrow down test logs, making debugging and troubleshooting Cypress tests easier.

📕 Learn how to enable Detailed Command Logs for your Cypress tests.

2. Parameterized Report Email Handling in YAML Enhancement

HyperExecute now supports an enhanced approach for managing multiple email addresses within the YAML configuration file. Previously, you needed to define multiple variables for email addresses (${email1}${email2}, etc.). With this update, a single variable can now hold multiple email addresses, separated by commas or underscores, simplifying report sharing. This enhancement eliminates the need for multiple variables, making maintaining and modifying email configurations easier.

📕 Check the Reports documentation to learn more about it.

3. Browser and Selenium Updates for Linux, Windows, and macOS New Release

Updated the browser versions across multiple platforms and upgraded the Selenium jars. This ensures compatibility with the latest features and security updates, improving test stability across different environments.

The following updates are now live:

  • Firefox: version 129.0
  • Chrome: version 128.0
  • Selenium Jars: version 4.24

HyperExecute: Set Dynamic Email Address for Report Sharing

HyperExecute CLI added an enhancement to the --vars flag providing greater flexibility in specifying email addresses for report and artefact sharing. You can now use a variable to dynamically set the email address used to share reports or artefacts. This gives you more flexibility than hardcoding the email address in the YAML configuration file.

report: true
partialReports:
  location: target/surefire-reports/html
  type: html
  frameworkName: extent
  email:
      to:
        - "${email}"
        - "${email1}"

uploadArtifacts:
  - name: Reports 1
    path:
      - ProtractorTestReport.html
    email:
      to: 
        - "${email}"
        - "${email1}"

This is how you can pass the value of your email address via CLI by running the command

./hyperexecute --vars "email=xyz@abc.com" --vars "email1=abc@xyz.com"

📕 Read the documentation - How to dynamically set your email address? to learn more about it.

Start Testing

Upload Images Using SmartUI CLI

We've enhanced the SmartUI CLI package by adding an image upload feature. This new feature allows you to upload images directly from a specified directory to SmartUI for visual testing.

It works similarly to our current API upload functionality but includes additional features, such as support for the Git branching strategy.

Key features of the SmartUI CLI for image upload:

  • Image Support: Upload PNG, JPG, and JPEG images.
  • Directory Upload: Easily upload images from a specified directory.
  • Git Branching Strategy: Enhanced support for managing images in different branches.

Start Testing

Expanded Selenium Support and Browser Updates

Selenium Version Support Expanded

HyperExecute now supports Selenium versions 4.16 to 4.21. This update ensures broader options for test automation frameworks and provides access to the latest Selenium features.

Firefox Browser Updated 

To maintain browser compatibility and access the newest features, we've incorporated support for Firefox version 128. This update guarantees reliable testing on the latest Firefox releases.

New Features in SmartUI and Test Analytics

SmartUI

Slack Integration for SmartUI Alerts

Now integrate Slack with SmartUI to receive alerts for changes detected and baseline modifications directly in your Slack channels. Simply activate the feature by toggling it on in your project settings. This feature will boost your team collaboration and ensure that all members are quickly updated about important modifications in the testing process.

Support for Storybook 8

SmartUI now supports running visual tests using Storybook 8. For more information, refer to our guide - SmartUI using Storybook.

 Test Analytics

Export Drill-Down Data to CSV 

Export drill-down data into CSV format. This feature enhances your data analysis and reporting capabilities by providing easy access to detailed insights. Also, you can effortlessly export drill-down results, improving data manipulation and sharing. 

Start Testing

Enhance Visual Testing Experience With SmartUI Annotation Tool

We are now live with the SmartUI Annotation tool to enhance your experience with SmartUI. This SmartUI Annotation tool allows you to annotate designed screenshots to highlight key areas for improvement across different builds. 

Key Features: 🚀 

  • Drawing Over Screenshots:  Gain the flexibility to draw over compared screenshots, enhancing clarity and focus on specific elements. 
  • Drawing Boxes: Easily draw and manage multiple boxes with the new 'Draw Cursor' option and an 'Add Region' button. Each box's size is visibly indicated, making your annotations more precise and informative.
  • Saving Changes: After drawing, a dialogue popup will provide options to apply your annotations to just the current screenshot or all browser variants of this screenshot.
  • Updating Compared Screenshots: Annotations on compared screenshots will trigger a re-run of the comparison, ensuring that the current and future builds reflect your specified regions of interest.
  • Visibility of Annotations: Control the visibility of your annotations in both parallel and landscape views with a new toggle, default set to off, ensuring a clean visual field when not needed.
  • Tooltip Information: When the 'Annotations' toggle is on, hovering over a box displays a tooltip with detailed information, including the dimensions of the box and its status as an ignored or selected area.
  • Applicable for Every Project Type: This feature is compatible with every project type, making the handling of dynamic data very efficient in cases where code-based ignore/select is not supported. 

These features provide unparalleled control over visual testing, helping you deliver flawless user experiences. Stay tuned for updates as we continue to innovate with SmartUI!

Start Testing 🚀

Live With SmartUI Figma CLI

Hey, devs and testers 👋 

We are now live with the SmartUI CLI for Figma that lets you define Figma components within configuration files and seamlessly upload them to our SmartUI platform for automated visual testing. 📷 

With this, you can eliminate the need for intricate coding or complex setups, ensuring an intuitive and efficient workflow.

Start Testing 🚀 


SmartUI: Test on Mobile Viewports, Capture Screenshot of Elements and in Native Apps

This release includes some new features in SmartUI. Let's take a look!

Support for Mobile Viewports in SmartUI SDK Config 📱 

Now specify configurations for mobile in the config JSON file, including optional settings for full-page screenshots and device orientation. This way, you can perform comprehensive visual regression tests on web and mobile device viewports with customizable options.

Element Screenshot Functionality in SmartUI SDK 📷

Now capture screenshots of specific elements while being able to locate the element via XPath, CSS ID, Class, and other mechanisms. This ensures accurate and specific visual regression testing of components for your web applications.

Full-Page Screenshots for Native Apps on Real Devices 📃

Now capture full-page screenshots in native apps using SmartUI Webhooks powered by Appium. This empowers developers and testers to efficiently capture comprehensive screenshots of entire pages, ensuring detailed testing of visual elements across different devices and screen sizes. This feature is in the Beta phase.

Start Testing 🚀

Show Previous EntriesShow Previous Entries