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

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 🚀

HyperExecute Support for SmartUI SDK

Effortless Visual Testing with HyperExecute

HyperExecute integrates seamlessly with SmartUI SDK to deliver effortless visual testing for your web and mobile apps. Ensure pixel-perfect rendering across browsers, devices, and platforms, saving you valuable time and resources.

You can seamlessly integrate SmartUI with your favorite frameworks - Selenium, Playwright, Puppeteer, Cypress, or Appium.

📕 Refer to our comprehensive documentation - HyperExecute with SmartUI SDK

Support for Chrome and Edge Beta Versions 🧑‍💻

HyperExecute now supports the beta versions of Chrome and Edge, allowing you to run your Cypress tests seamlessly on our blazing-fast platform.

Start Your Free Trial Today

Streamline Your Testing with HyperExecute

📌 Local Selenium Driver Support 🧑‍💻

HyperExecute now natively supports local Selenium drivers. This means you can run your tests without having to set up and use a remote Webdriver. This simplifies the setup process and can improve test execution performance.

📕 Read the documentation

📌 Playwright Real Device Support 📲

HyperExecute now supports running Playwright tests on real devices. This allows you to test your web applications on actual devices, ensuring they function correctly in real-world scenarios.

📘 Read the documentation

📌 Smart UI Testing using Playwright

HyperExecute now supports integration with SmartUI for your Playwright tests. This allows you to use SmartUI's visual verification capabilities to ensure that your web applications are visually consistent and functional.

📗 Check out the documentation to trigger your tests.

What's New with HyperExecute?

Release HyperExecute Feature 

📌 Speed Up Your Development Workflow 

Optimize your development workflow by significantly reducing codebase upload times, particularly when making frequent, incremental changes.

Key benefits of differentialUpload Flag:

1. Lightning-fast Uploads: Experience upload times faster for incremental changes. ⚡️

2. Boost your Productivity: Spend less time waiting for uploads and more time developing. 🧑‍💻

3. Efficient Resource Utilization: Reduce strain on your network and platform resources. 👨🏻‍💻🧑‍💻

📕 Read the Documentation

📌 Enhance your UI Testing Experience

You can selectively exclude specific elements from visual comparisons during your automated tests.

Advantages of ignoreDOM flag

1. Handling Dynamic Content: Exclude elements that frequently change, like timestamps or user-generated content, to avoid false positives.

2. Focusing on core functionality: Zero in on critical elements by ignoring UI components like headers, footers, or navigation menus.

3. Testing Specific Sections: Target a particular area of your webpage for more granular testing.

📕 Read the Documentation

Start Testing 🚀

SmartUI SDK: Handle Dynamic Data and New Frameworks Support

Handling Dynamic Data in SmartUI SDK 

When conducting visual tests, you may encounter scenarios where certain elements within your software application change between test runs. These changes might introduce inconsistencies in your test results. 

You can now ignore/select specific element(s) to be removed from the comparison by parsing the options in the smartuiSnapshot function.

Check the documentation: Handling Dynamic Data in SmartUI SDK.

Support for New Frameworks in SmartUI SDK 

Apart from Selenium, SmartUI SDK now has support for Playwright, Puppeteer, and TestCafe. 

Refer to the following documentation to get started:

Start Testing

Show Previous EntriesShow Previous Entries