Automated Visual Smoke Testing With Playwright
Rolling back 5 sites due to unexpected page changes took 4 hours. I created a Playwright script to store & compare pre-release & post-release page screenshots, ensuring faster issue detection.
REAL, FUN, GEEK who is passionate about Front-End!
Rolling back 5 sites due to unexpected page changes took 4 hours. I created a Playwright script to store & compare pre-release & post-release page screenshots, ensuring faster issue detection.
Set daily goals the night before, breaking down large tasks into smaller ones. Prioritize easiest to hardest and tackle them accordingly. Use a whiteboard near your computer as a reminder. Adapt to off days with easy tasks or breaks.
CSS simplifies no-data handling with :only-child pseudo-class. No more ternaries or if-branches in HTML logic. Just add `.handle-no-data { display: none; }` and `display: flex;` for single child elements.