To fully utilize the capabilities of WebGL, ensure it is enabled while using the nightwatch.js/selenium

There's a perplexing issue I've encountered while attempting to launch a page containing WebGL content using a nightwatchJS-based framework:

  1. When opening the page directly in Chrome, WebGL is properly detected. The Graphics Feature Status in chrome://gpu/ shows that most features are hardware accelerated.

  2. However, when accessing the page through nightwatch, WebGL is not recognized and the Graphics Feature Status in chrome://gpu/ indicates that most features are software only.

  3. If manually opening Chrome before initiating the nightwatch process, WebGL is still not detected in the new session, with the Graphics Feature Status showing software-only features.

  4. Even when opening Chrome manually and running nightwatch with the same session profile, the page fails to load. Despite this, the Graphics Feature Status displays hardware acceleration for most features.

It's worth noting that everything was working smoothly until the end of August, when Chrome was updated. I attempted to update my version of chromedriver but without success, as Chrome automatically updates itself and doesn't permit downgrading to a specific version.

Has anyone successfully made a webgl page function with nightwatch? If so, could you provide insight on how to enable WebGL and hardware acceleration, and ultimately load the page via the nightwatch interface on both default and custom sessions?

Answer №1

Implementing these configurations successfully resolved the issue!

"chromeOptions": { "args": ["user-data-dir=C:\\Users\\correct_user_name\\AppData\\Local\\Google\\Chrome\\User Data", "--ignore-gpu-blacklist", "--use-gl", "--no-sandbox", "--disable-web-security"] },

(substitute correct_user_name with the appropriate value)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Can the default position of the scrollbar be set to remain at the bottom?

I have a select option tag with a scrollbar to view the contents in the dropdown. I am looking for a way to automatically position the scroll at the bottom when an item is selected from the dropdown. jquery code $('document').ready(func ...

Is there a way to transform a fixed parameter into a user input value and display the function's outcome on a different page?

I am in the process of developing a straightforward web application for book searching based on ISBN. The website will feature a text input field for entering an ISBN and a submit button. Essentially, a user can enter an ISBN in the designated box, click s ...

Can a directive be designed to function as a singleton?

Our large single page app includes a directive that is utilized in various locations across the page, maintaining its consistent behavior and appearance each time. However, we are experiencing an issue with this directive due to the ng-repeat it contains, ...

Retrieve data from an array of JSON objects within a JSON object using ReactJS

Trying to extract data from JSON like this: { "id": 371, "city": "London", "name": "London Station", "trains": [ { "id": 375, "number": "1023", "numberOfCarriages": "21" } ] } Interes ...

Reset the form value in React using Material UI components

Currently, I am working with React Material and hooks, attempting to reset a material form. However, despite my efforts to adjust the state, I am not seeing any changes reflected. <form className="create-account-form" autoComplete="off" onSubmit={onSub ...

I keep encountering a 404 error page not found whenever I try to use the useRouter function. What could

Once the form is submitted by the user, I want them to be redirected to a thank you page. However, when the backend logic is executed, it redirects me to a 404 page. I have checked the URL path and everything seems to be correct. The structure of my proje ...

Storing HTML table data in a MySQL database will help you

Operating a website focused on financial planning where users can input various values and cell colors into an HTML table. It is crucial to uphold the integrity of these HTML tables. How can I store the complete HTML table (including values and colors) i ...

Having trouble with my basic AJAX request; it's not functioning as expected

I am currently diving into the world of Ajax and I've hit a roadblock: 1. HTML : <body> <form> Username: <input type="text" id="username" name="username"/> <input type="submit" id="submit" /> </form> <scrip ...

Is there a way to horizontally center Material UI Switch and its icon props?

I'm using Material-UI to implement a Switch component on my project. This particular component allows for the addition of icons, however, I've encountered an issue with alignment when including them. Is there a way to horizontally center align b ...

Selenium fails to close the browser and instead opens twice

I am currently using this hook class in conjunction with selenium and cucumber. However, when I run a feature, two instances are starting, which poses a problem, and furthermore, the instance does not close. These instances are running from this specific ...

Implementing the ability to add and remove classes in JavaScript

I am trying to implement an add or remove class feature in JavaScript, but I'm facing some issues with it. Below is the code snippet I have: if (window.location.hash == "#/profile/"){ document.getElementById("tabMenu").removeClass("bottomTa ...

How to customize the button color in a Next.js application

Help Needed: Issue with Changing Default Button Color in Next.JS Web Application. The button text color appears as grey on Desktop Google Chrome, but shows up as blue on Mobile Chrome browser. I want to unify the color to be grey on both platforms. Custo ...

Having trouble with Autocomplete not entering cities into the form?

While experimenting with Google's API, I have encountered confusion regarding why cities like Staten Island, Brooklyn, Queens, and various others are not being placed into the form like other cities. According to Google's API, "locality" is suppo ...

The RSS feed is stretching beyond the limits of the table's height

Seeking assistance to adjust the height of an RSS feed widget on my website. The widget is from RSS Dog and I do not have access to the style.css file as it is hosted externally. Despite trying to modify the JavaScript code provided by RSS Dog to set the h ...

Is it possible to utilize a React component within the DataGrid cell instead of the standard cell types like 'string', 'number', 'date', and 'dateTime' in Material UI?

Using React, Material UI, and TypeScript I am trying to embed a React component into the cell of a DataGrid but have encountered an issue. I have explored custom column types for cells here, however, it only allows me to manage string formats, whereas I ...

Learn how to assign an image to a div element when it is collapsed, and then reveal the content when clicked on to expand

I am working on a three div with expand collapse functionality. When I expand one div, I want to set some image to the other divs. And when I go back to normal mode, I need the original content that was inside each div. $("a.expansion-btn").click(functi ...

Issues with Python WebDriver tests failing when executed on Jenkins platform

I'm currently utilizing selenium webdriver and python for automating tests. The tests are successful when executed from my personal computer using a windows batch command. However, after setting up Jenkins server on the same machine to run a windows b ...

Running a React application through a personalized Express server, all the while ensuring seamless automatic updates throughout the development

I currently have a React application along with a completely distinct Express server application. To serve my React app using a customized express server, I utilize the following code within my Express app: app.get("*", (req, res) => { res. ...

Creating smooth animations in JavaScript without relying on external libraries such as jQuery

Is there a way in JavaScript to make a <div> slide in from the right when hovered over, without relying on jQuery or other libraries? I'm looking for a modern browser-friendly solution. const div = document.querySelector('.fro ...

Javascript: Iterating over a promise contained in an object

Currently, I am attempting to iterate through a return from an API that supposedly contains an object with a promise within it. You can find the API documentation here: https://github.com/sentanos/roblox-js/wiki/Main-Functions This is what my code looks ...