Postman Test Example for API Endpoint Configuration: Ensuring Required Fields and URL Patterns
API Response Validation test I created to ensure that all critical URL, path, and configuration fields within the API response […]
Test Example: API Response Schema and Content Validation for Product Metadata
GET Request: The Response: Test Script: Test Comprehension Here’s a breakdown of each test, explaining what it checks and how
Test Example: API Response Schema and Content Validation for Product Metadata Read More »
Testing HTML Links in Postman
In my recent project, I needed to ensure that specific links in the HTML of a webpage remained unchanged over
CSS Selectors for Cypress Testing
When testing with Cypress, efficient and precise locators are crucial for interacting with elements on a webpage. Here’s an overview
Progress Bar Component for US Election Calculator
I’ve been working on a US Election calculator app to visually track electoral votes for each party (Democrats and Republicans)
Progress Bar Component for US Election Calculator Read More »
Centering and Resizing the SVG Map for Optimal Display
While working on an application featuring an interactive SVG map, I encountered an issue where the map was not centered
Centering and Resizing the SVG Map for Optimal Display Read More »
Fixing Color Gradient Issue for Split Electoral Votes in JavaScript
In a recent update to our JavaScript code, we had a special feature to handle split electoral votes for Maine
Fixing Color Gradient Issue for Split Electoral Votes in JavaScript Read More »
Target the exact <a> element with CSS
While designing a footer with multiple links and a language selector dropdown, I encountered an issue where the language options
How to Add CSS Variations (Allow Styles) to AEM Components
This guide is here to help you set up CSS variations in AEM Components, making it super easy for authors
How to Add CSS Variations (Allow Styles) to AEM Components Read More »
Building a Dynamic Progress Bar
Inspiration and Concept While working on various projects in AEM, I often came across the Progress Bar component in the
Native CSS Nesting instead of CSS Preprocessors
I recently changed the way I write my stylesheets, and I think you should think about doing the same. If
Debugging Missing JavaScript Functionality in Live Environment
Summary While working on a project to build a basic website template using HTML, CSS, and JavaScript, I encountered an
Debugging Missing JavaScript Functionality in Live Environment Read More »