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 :)
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.
This is amazing advice 👏
I’ll be keeping this bookmarked for future reference. Thanks!
Amazing...
Great list!