search

percy / percy-script

[Deprecated] PercyScript is the easiest way to get started with visual testing and Percy.
https://percy.io
MIT License
2 stars 2 forks source link

Percy Snapshot to Rendering Correctly #18

Closed SC7639 closed 3 years ago

SC7639 commented 3 years ago

I'm having some weird characters and styling with my snapshots vs what is shown in the browser and puppeteer screenshots.

Puppeteer Screenshot: Highest Point

PercySnapshot: be37c28f5fc9efee4d6b461ed65d7738aec0d9a510161c46b55739ae61994985

wwilsman commented 3 years ago

Hi @SC7639!

That usually means that the page is missing <meta charset="utf-8"> at the top of the head element. When Percy re-renders the page in its own infrastructure, the browser will incorrectly guess the charset when that tag is missing.

If you do have that tag in the head, it could be that invalid head elements are causing the browser to "correct" the HTML when re-rendering causing head elements to be pushed into the body element.

Since this issue isn't related to this SDK, I'm going to close it. But feel free to reach out to support where we'll be more than happy to help debug snapshot issues such as this! 😃