Comments (4)
Hey @bennymeade! Looking through some logs, it looks like the CSS files aren't discovered. When you look at the --verbose
logs, do you see the CSS files being logged out? If not, you'll want to increase the network-idle-timeout
to something like 250ms. https://docs.percy.io/docs/cli-configuration#discovery
Also, any reason you have JS enabled? That typically causes more issues than it fixes. If it's to work around the lazy loading images on the page, you'll want to scroll the page before calling percySnapshot
: https://docs.percy.io/docs/capturing-lazy-loading-images
from cli.
Hi @Robdel12 I added a .percy.js
file and included a generous networkIdleTimeout: 1000
but unfortunately the issue still occurs (I've updated my example repo linked above).
module.exports = {
version: 2,
discovery: {
networkIdleTimeout: 1000
}
}
I only enabled JS in this mini repo to see if that would help. I don't use it in my main project code. I also have dedicated working code to handle the image lazy loading, which all works.
Do you have any other suggestions for the No CSS issue? As it's killing us for production releases.
from cli.
This turns out to be a config issue in our environment. When basic auth was removed from production env it caused the Percy no CSS issue.
from cli.
Hey folks, I have a similar issue with CSS-in-JS-powered styling through https://stitches.dev/. Styles are not being applied in the Percy snapshots. I looked around the repository and documentation and couldn't find anything on the subject. For the record, I'm running tests with https://github.com/percy/percy-cypress.
Worth creating a separate issue?
from cli.
Related Issues (20)
- Set browser prefers-color-scheme to test apps in dark mode HOT 1
- H
- [percy:core] Error : Timed out waiting for network requests to idle HOT 1
- Percy is not running, disabling snapshot HOT 4
- Browserstack: Build not created, Error: connect ECONNREFUSED HOT 3
- Bumping to different versions [Dependabot] HOT 1
- Reference Error: Excessive alias count indicates a resource exhaustion attack in percy url yaml with 360 url items HOT 2
- [percy] ParseError: Unexpected argument 'storybook'
- Percy exec fails binding to ipv6 HOT 2
- 413 Payload Too Large
- static.ignore option doesn't work
- Using PERCY_ENABLE can lead to NPE HOT 4
- V1.28.2 introduces a bug causing our CI to fail due to bad requests HOT 3
- Base64 encoded SVGs cause error when capturing HOT 4
- Add `percy exec` flag to avoid failure for Percy-related issues HOT 2
- Add a command that takes screenshots and writes them to a file instead of uploading HOT 1
- Percy does not work with Yarn PnP HOT 1
- `POST /percy/snapshot` API - Error during asset discovery not reported HOT 8
- Percy Build Wait command exiting immediately on changes. HOT 3
- Cypress Tests Failing Due to DOM Serialization Error in Percy Integration
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cli.