question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Percy snapshot does not render all LESS/CSS

See original GitHub issue

I have a compiled LESS file called marketing.less that is used to style the entire website for which I have Cypress tests and percy/cypress taking snapshots. Problem is the <header> on all pages does not seem to be receiving all of this CSS despite the rest of the page receiving it without problem.

Is it possible to see the HTML that Percy rendered for the snapshot so that I can debug my HTML? I am wondering if a CSS class is not being properly applied in the snapshot leading to this missing CSS.

Outside of that do you have any documentation around this CSS issue? All other issues I looked up in Github have not helped thus far.

Thanks!

https://percy.io/79ce8a85/localize/builds/7689992

image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
Binnslercommented, Nov 13, 2020

Just verified my screenshots are rendering correctly. Thanks!

https://percy.io/79ce8a85/localize/builds/7704792

0reactions
wwilsmancommented, Nov 13, 2020

Awesome! Happy to help! 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Capturing lazy loading images - Percy Docs
For snapshots to render correctly, the page will need to be scrolled before a Percy snapshot is captured. Percy does not automatically scroll...
Read more >
screenshot a particular element · Issue #56 · percy ... - GitHub
The DOM that is returned from domTransformation must be able to be rendered by itself (including all of the needed asset links, etc)....
Read more >
Awesome Visual Testing with Percy! - David Walsh Blog
After free sign up, Percy provides a sample app to show you how things work. Percy works off of a system of snapshots,...
Read more >
@percy/cli-snapshot - npm
Start using @percy/cli-snapshot in your project by running `npm i ... Debug asset discovery and do not upload snapshots Global options: -v, ...
Read more >
Using Percy to add visual testing to a Jekyll site - CSS-Tricks
Instead of testing the code underneath, visual testing is all. ... export PERCY_TOKEN=aaabbbcccdddeee $ npx percy snapshot _site/.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found