Flot not rendering correctly on PhantomJS - phantomjs

I am using phantomJS to automate the process of rendering Flot graphs. The issue is when I run the application on Firefox or Chrome the graphs is displayed with border and gridlines. Whereas when I automate using phantomJS the border and gridlines is not visible. Can anyone help me out ?
Graph rendered by Firefox
Graph Rendered by PhantomJS

Related

Chromium selenium webdriver disable zoom-in option

I am trying to find a way to disable zoom in option in selenium webdriver, I am using chromium and there is no command line switch for this in docs, browser is in kiosk mode with touchscreen and user are able to zoom-in with two fingers, how to prevent that?

Cypress - Overlay not popping up when button is clicked

Description:
I am currently trying to write an automated test that involves clicking on a button within a navigation bar. The expected behavior is that an overlay that contains more links would pop up, as seen in this video here: https://www.screencast.com/t/55vkmhY8msjt
When testing this manually within a Chrome browser (which is recorded in the aforementioned video), the overlay pops up as expected.
But when executing the automated Cypress test within the Cypress browser, Cypress is able to locate the element and successfully click it, but the overlay does not pop up.
When I manually click on the button within the Cypress browser, the overlay does not pop up.
Video of bug being reproduced:
https://www.screencast.com/t/iSn8suNHa
It's hard to tell, but after the test execution finishes, I am manually trying to click on the button with my mouse.
I've tried several things:
cy.get(selector).click({force:true})
cy.get(selector).trigger('click')
cy.get(selector).invoke('click')
Extra information:
This button was recently re-implemented using React Native's TouchableWithoutFeedback
There are no errors being thrown in Cypress, no errors in the console.
Versions
Cypress 7.5.0
Chrome Version 90.0.4430.93
Can somebody please suggest some other steps I can try?

Unable to draw an image on windowless plugin when video is played

I am trying to display Video(played by HTML5 video tag) behind a windowless plugin(firebreath). Video was perfectly blended with plugin display (semi-transparent image is drawn) when GPU-acceleration was enabled (using Chrome flags) .
However, Plugin display went for a toss when video is played at present( with chrome flags enabled). Suspecting chromium updates causing this issue.
Similar Question # HTML display of Plugin and videotag
Any suggestions/work around for me to try out? Please help.

Sencha Touch 2.2.1 not run on IE10

I am a newbie of Sencha.
I use Sencha Architect (Version: 2.2.2 Build: 991) to create the Sencha Touch (2.2.1) application.
But when I deploy and run it on IE10, it does not work, showing blank screen. I open the debug mode (F12), and I see that the browser always auto changes to the Browser mode IE10 Compat View, Document Mode: IE7 standard.
I switch the Browser mode to IE10, the app run again. Is there any config I need to set to run on IE10? Or is this a bug?
Sencha Touch is built for Webkit-based browser (Chrome, Safari)
IE and other browsers like Firefox are not built on Webkit, thus not able to render pages written with Sencha Touch. Even if you can run it this time, there will be elements that cannot be displayed properly, causing the page to have weird look.
Update: sorry for the wrong info. Since 2.2, Sencha Touch provides support to IE 10. So this means your page should be rendered without any problem with IE10. I tried opening up a page created by Sencha Touch 2.2 on my Lumia, it was OK without any problem. I guess IE10 on desktop may have a false detection in your case and try to open the page in IE7 compat mode. On actual device there shouldn't be such issue.

can't get phantomjs 1.9 to render Leaflet SVG vector layers to png

I'm building a mapping application using the Leaflet API http://leafletjs.com/.
I would like to use phantomjs to generate static screenshots of maps.
As an example, attempting to render this page:
http://leafletjs.com/examples/geojson-example.html
using
phantomjs examples/rasterize.js http://leafletjs.com/examples/geojson-example.html test.png
results in an image that's missing the SVG overlay. I have tried this using the prebuilt binaries under Windows 7 and Fedora Core 15. In addition, I compiled it from source under Fedora Core 15. All builds on both platforms yielded the same behavior.
Has anyone had success rendering Leaflet maps to PNG using phantomjs?
thanks.
I just ran into the same issue and increasing the timeout (at least to 5000) didn't make SVG overlays appear in the PDF.
It's probably this issue: https://github.com/ariya/phantomjs/issues/11171
Switching to Leaflet master branch fixed the problem for me.