ScriptlessAutomation
  • 👋Welcome to Scriptless Automation
  • Discover More About Automation
    • ⚙️Automation platform intro
    • 💡Advantages of Scriptless Automation
    • 🚀Release Notes
      • 📖Open Code
      • 📕License Code
  • Product tools
    • 📪Pre-request Tools
    • 🔧Project Dependencies
  • Automation Architecture
    • 🎨Flow diagram
  • Get Started
    • 🛠️Start with Automation
    • 📖Open Code Automation
      • 🌏Web Automation
      • ↔️API Automation
    • 🏢Maven Configuration
    • 🗜️Setting Up Maven Project in IntelliJ IDEA
    • 🎛️Scriptless Config
      • 🕸️BrowserConfiguration
        • chrome.properties
      • 👥CommunicationConfiguration
        • SlackConfiguration.properties
      • 📧MailConfiguration
        • gmailCredentials.properties
      • 🛂ReportConfiguration
        • extentReportConfiguration.properties
      • 🕵️TestManagementConfiguration
        • testRail.properties
        • zephyrscale.properties
        • testiny.properties
      • ⚙️testNgConfiguration.properties
    • 🍱TestData Configuration
    • 👨‍💼Gherkin Language and Scriptless Automation Framework
  • Automation Import Notes
    • 🎨Points to Remember
  • Automation Platforms
    • 👾ScriptlessApi Automation
      • 🖊️Introduction
      • 🗜️Api Automation Setup
      • 🔃Supported API Request Types
      • 🪧API Automation Template
      • 📚Example of API Requests
        • ⬇️GET
        • ↕️POST
        • ⤵️PUT
        • ❌DELETE
      • 🎯API Response Validation
      • 👨‍👦API Dependent TestCase
      • 📝Store API Variables
      • 📔API with JSON body
      • 🙋‍♂️Api Wait
      • 🗜️API Schema Validation
      • 🏗️API Tailor-Made coding
      • 👨‍🦯API Support Generator
      • ↘️Api Response Store Objects
      • ✍️API Test Report
      • 🚃Api Response Type Validation
    • 🌐ScriptlessWeb Automation
      • 🖊️Introduction
      • 🗜️Web Automation Setup
      • 🪧Web Automation Template
      • 🧮page_object_locators
      • 📜Web Automation Key Phrases
        • 📃PAGE_NAME
        • ⌛WAIT_TYPE
        • 📜SCROLL_TYPE
        • 👨‍💼ELEMENT_NAME
        • 🏎️ACTIONS
        • ⌨️SEND_KEYS
        • ✔️VALIDATION
        • ✅VALIDATION_TYPE
      • 👨‍👦Web Dependent Test Case
      • 🐒MOCK
      • 🛂AutomationAsserts
      • 🏗️Web Tailor-Made coding
      • 📝Store Web Variables
      • 🤼‍♀️Web & API integration
      • 🖇️Dynamic Strings
      • 🗣️ReadFile Annotation for Custom Code
      • 🖼️Page_Comparison
      • 👨‍💼Gherkin Template for Web Automation
    • 📱Mobile Automation
  • 🪶Automation features
    • 🌲Environment and System Variables
    • 🗝️KeyInitializers
      • Types of KeyInitializers
    • ✍️Reporting
      • Dashboard
      • Category
      • Tests
        • Screenshot Section
    • 👯Parallel Testing
    • 🏗️Tailor-Made Coding
  • ⏩Automation Demo
Powered by GitBook
On this page
  • Introduction
  • The Importance of Highlighted Screenshots
  • Insightful Visual Documentation
  • Navigating the Screenshot Section
  • Conclusion

Was this helpful?

  1. Automation features
  2. Reporting
  3. Tests

Screenshot Section

PreviousTestsNextParallel Testing

Last updated 1 year ago

Was this helpful?

Introduction

Visual validation is an integral part of automated testing, and the AutomationReport.html facilitates this by embedding screenshots within the test report. These images, which feature highlighted elements, offer an immediate visual reference that corresponds with the validation points of the test cases.

The Importance of Highlighted Screenshots

Screenshots in the report are not just static images; they come with dynamically created borders around elements that are subject to validation. This helps to draw focus to where exactly the validation checks are performed within the application's user interface.

Insightful Visual Documentation

Enhanced Element Visibility

  • Highlighting: The automated test suite enhances visibility by placing a distinct border around the UI element being validated. This could be a color-coded outline that encircles the element in question.

  • Clarity in Validation: This visual cue unambiguously indicates the focal point of the test step, making it clear what the automated test was checking at that moment.

Streamlined Analysis

  • When reviewing the report, the highlighted elements in the screenshots allow for a quick understanding of where the test actions took place and which elements were involved in the test failures or successes.

  • This feature is particularly useful when sharing reports with team members who were not directly involved in writing or running the tests, as it provides a clear picture of the test scenario without the need for additional explanation.

Navigating the Screenshot Section

  • Embedded Images: Each screenshot is embedded as a base64 image within the report, ensuring that the report is self-contained and easily shareable.

  • Interpreting Highlights: The highlighted borders serve as a guide to identify the validation areas quickly. It becomes particularly useful in understanding why a test may have failed — whether it's because the element was not present, not visible, or not in the expected state.

Conclusion

The highlighted screenshots in the AutomationReport.html are a testament to the attention to detail in your automated testing process. They provide a powerful means for validating the UI against expected outcomes and help anyone reviewing the report to understand the test context at a glance. By facilitating this level of clarity, the report becomes an invaluable tool for both developers and stakeholders to ensure the application meets the desired quality standards.

🪶
✍️