Different results in different environments about loki HOT 7 CLOSED

I have this same issue

I don't really see the difference that the first image sees -- ran in circle ci

from loki.

@maniator I solved an issue for myself with next hack:
.storybook/preview-head.html :

<script>
(function() {
  var isLocalFileSession = !window.location.href.startsWith('http');
  if (isLocalFileSession) {
    console.log('[UI-LIB: WARNING] Please keep in mind, that some animations and styles are patched. Check the file `preview-head.html');
    var style = document.createElement('style');
    // https://dev.webonomic.nl/how-to-disable-css-transforms-transistions-and-animations
    style.innerHTML = `
    *, :before, :after {
      animation-duration: 0s !important;
    }
    /*
     ESRI relies on external resources, 
     so it might behave upredictable depends on environment
    */
    .esri-view-root {
      opacity: 0;
    }
    `;
    window.document.head.appendChild(style);
  }
})();
</script>

from loki.

@vvscode My issue mainly seems to be with svg rendering locally vs on CI.

That is where all the diffs are -- in SVGs

from loki.

@maniator following hack above - you can just hide svg elements from capturing

add opacity: 0 for failed elements (see .esr-view-root - the same example )

from loki.

@maniator following hack above - you can just hide svg elements from capturing

add opacity: 0 for failed elements (see .esr-view-root - the same example )

@vvscode but these are svgs loaded with css throughout storybook, how do we focus on all of them?

from loki.

@vvscode I'm trying to support gitlab in a nice way, how did you solve it?

from loki.

@vvscode but these are svgs loaded with css throughout storybook, how do we focus on all of them?

Didn't get. Hack above allows you to ignore some elements from screenshots. In my case, it was a map. In your case, it might be some other elements. I know - this is a workaround, but that's all I found

@vvscode I'm trying to support gitlab in a nice way, how did you solve it?

Looks like I don't understand ((

from loki.