Scenario with hash fragment in URL does not create a screenshot

[paweltin]

This is the scenario:

"scenarios": [
   ...
    {
      "label": "Label",
      "url": "https://some.url#somehash",
      "selectors": [
        "body"
      ],
      "delay": "500",
      "misMatchThreshold" : 0.1
    },
   ...
]

I'm using SlimerJS as an engine. Browser renders the page correctly (scrolls to correct section) but there is no corresponding screenshot in bitmaps_reference after running the test

[garris]

@paweltin I just tried this myself and got some unexpected results. It may be related to this... https://github.com/n1k0/casperjs/issues/468

[opub]

I believe I am running into this using PhantomJS. I only get empty (3.58 KB PNG) screenshots when loading URLs with a hash fragment. Are there any potential workarounds?

I'm not sure if it is related but the other resources from the page don't appear to load either when using the hash fragment. That might be something I'm doing wrong though. I've just started looking into this.

[garris]

@opub what version of backstopjs are you using? (If you are not using the latest -- then please update.)

I also experienced this bug with Phantom during a test -- I don't know if they have fixed it in more recent versions. If not, there is a plausible-looking workaround here... https://github.com/casperjs/casperjs/issues/468 (Tho I haven't tried it.)

Maybe the best way to workaround is to use the BackstopJS Slimer option...
https://github.com/garris/BackstopJS#changing-the-rendering-engine-version-060

Hope this helps. Please let me know how you end up resolving the issue. Cheers.

[opub]

My apologies. While searching for solutions to this I hadn't realized that I had jumped from CasperJS GitHub issues to BackstopJS. I'm not using BackstopJS, just the vanilla CasperJS and PhantomJS. I think my problem is ariya/phantomjs#13652.