Component Toggle Testing with Cypress
While working on testing within the SAP Hybris environment, I faced a challenge when testing a toggle component in my […]
Optimizing Cypress Test Scripts with Conditional Element Interactions
During the promotion testing in an online back office system (SAP Hybris), I needed to interact with multiple UI components
Optimizing Cypress Test Scripts with Conditional Element Interactions Read More »
Tackling the Cypress Multiple Elements Error: Matching vs. Exact Matching
The other day, I was in the middle of running a Cypress test for my web app, as I often
Tackling the Cypress Multiple Elements Error: Matching vs. Exact Matching Read More »
Don’t forget the Viewport Meta Tag for Mobile Responsiveness
I often grapple with the intricacies of responsive design. Recently, I encountered an issue highlighting the importance of a simple
Don’t forget the Viewport Meta Tag for Mobile Responsiveness Read More »
Connecting 2 functions in JS with Event Listener
In this article, we explore a common scenario in web development where user interaction triggers dynamic updates to the UI.
Connecting 2 functions in JS with Event Listener Read More »
JavaScript solution for Triangular Plant Spacing calculation
One of the most effective methods when maximizing the efficiency and aesthetics of planting layouts is triangular spacing. This method,
JavaScript solution for Triangular Plant Spacing calculation Read More »
Framework Preference Form with HTML and CSS
Gathering user preferences is essential when building websites or web applications. Whether you’re conducting a survey, creating a sign-up form,
Using the <Details> Element in HTML
The <details> element in HTML is a versatile and interactive component that allows developers to create collapsible content sections. These
<Datalist> Instead of a regular dropdown menu
Providing users with options can significantly enhance the user experience when building web forms. However, there are situations where you
<Datalist> Instead of a regular dropdown menu Element Read More »
Interactive Checkbox (Switch) with HTML and CSS without JS
When we add appearance: none to our CSS code, we are basically telling the browser not to replace our elements. Don’t replace
Interactive Checkbox (Switch) with HTML and CSS without JS Read More »
Combining 2 Event Listeners into 1 in JavaScript
I’ve had 2 problematic features on my Area Marker Measur app that is integrated with Google Maps API. By problematic,
Combining 2 Event Listeners into 1 in JavaScript Read More »
Microsoft Login with Cypress
If you want to test the Microsoft login function with Cypress or your test includes a Microsoft login step it