danbroooks
Page is not loading properly some components are missing
Not loading some of the components in the page even i have made the wait
gulp file
gulp.task('test', function() { del.sync('./failures'); del.sync('./screenshots/**/.{fail.png,diff.png}'); console.log('Phantom CSS starting'); return gulp.src('test/.js') .pipe(phantomcss({ mismatchTolerance: 2.5 })); });
Casper
casper.start('https://erhvervselvbetjening.tdc.dk/?loginAction=start').then(function () {
this.viewport(1280, 1024);
this.wait(1000, function () {
phantomcss.screenshot('html');
});
});
casper.run();
Login component is not seen in the screenshot
But the actual page is looking like below, having the login component
Please help to solve this
React Component code is not rendering in html. Please find the versions casperjs - 1.1.3 phantomjs-prebuilt - 2.1.7 phantomcss - 1.1.3 resemblejs - 2.2.3 gulp-phantomcss - 0.3.0
Please help me to solve this issue. why i am unable to capture the react components?
Could be an issue with casper / phantomcss? this module is just a wrapper around those for running with gulp.
Do your tests run okay when you're using phantomcss directly?
I investigated about this issue further and got the below error at the Audio component This is may be because of phantomjs or casperjs doesn't supporting the Audio Error: ReferenceError: Can't find variable: Audio
Does any one know about the workaround or solution for this issue? Thanks in advance