How to use slimerjs?

[edouard-lopez]

I see in the package.json that slimerjs is a dependencies yet I can't find documentation on how to use it.

Could you provide some info on this topic?

[cburgmer]

It listed under devDependencies and only used for smoke testing, for example if you run grunt shell:smokeTestBundle.

[edouard-lopez]

So no screenshot capabilities at the moment.

[cburgmer]

I am trying to describe the mission of csscritic in https://github.com/cburgmer/csscritic#how-is-it-different-to-the-other-tools-out-there. I probably have to give it yet another iteration.

In my experiences of the past years I'd always value the quick and lightweight feedback over a rigorous, yet heavyweight tool. This in fact means: I'm trying to focus on making csscritic give feedback in under 10 seconds, in a quick change-evaluate-reload loop. I'm not trying to solve the problem of preventing failures in a build pipeline or issues arising from integrating different systems at the front end level. Long story short: running UI tests in Firefox and Chrome (hopefully other browsers in the future) to me is still the best option to achieve this goal.

[edouard-lopez]

Having a quick feedback loop is an excellent choice.

I was asking this cause I detected visual regression on smaller chrome devices but had to manually check on Firefox.

Wait… I might be confused, does your screenshots happen in a PhantomJS instance or in the browser opening the page?

[cburgmer]

Everything is rendered in the browser. A lot of work went into handling this in https://github.com/cburgmer/rasterizeHTML.js. This makes csscritic unique, as all the other tools try to solve the problem outside of the browser.

[cburgmer]

Closing as the question seems answered.