Since I'm the only dev behind my startup, Giffon 🎁, I've to take care of all the technical things from development to deployment. Though I've been ...
For further actions, you may consider blocking this person and/or reporting abuse
Those are great. About the console messages: do you use something in your CI to remove all the console.log you may have used during development and forgot to get rid of? I personally use UglifyJS to remove the pesky console logs...
I treat any detected console message as an error in CI, so there wouldn't be any
console.log()left. Personally I don't care left-over logs that much since they wouldn't be visible to normal users... Just don't log with swear words... ;)Great list Andy. A few things that we test in CI as well are:
This helps our team move fast, and avoid breaking things. 🍻
Love the horizontal scroll test! At least in part because those things are a pet peeve of mine lol.
If you have a large, uncertain inventory (eg: you manage several hundred client marketing sites or something like that), there's a good pre-script using sitemap-generator to crawl the site before test. I like to run the most basic sanity tests (response codes, valid markup, things like that - and now, horizontal scroll 😅) against every page, but you can't always know every page.
Using a sitemap is a good tip! Thanks for sharing :)
Great post Andy!
I also found it very valuable to have screenshot testing and visual review included as a step of my CI pipeline.
I documented my setup in this post if you would like to check it out.
Nice article! I heard about screenshot regression testing a few times in the past but haven't tried that yet. I guess I should!
Great article, useful things to CI for WebPage.
Something that i want to use too is add Google Ligthouse at CI using github.com/GoogleChromeLabs/lighth....
We can't leave a commit reduce our product quality =)
That's an interesting idea. Thanks for sharing :)
This is amazing advice 👏
I’ll be keeping this bookmarked for future reference. Thanks!
Amazing...
Are there any technical details on implementing the horizontal scroll bar? That would be super handy.
Not sure if it's necessary for everyone, but I have a 5-second wait until I treat the present of horizontal scrollbars as errors. I think it's due to browser loading (of CSS and images etc.).
You can take a look at the exact code I use. It's written in Haxe, but it should be easy to understand since it's very similar to TypeScript/Java.
Great list!