Comments (14)
Have you checked the System Requirements and followed the steps there? As far as I can see it fails on the fallback to build canvas
@christian-bromann , see the link to the requirements
No @wswebcreation my bad, I was following your youtube video and just running the init command 😅. But after installing the requirements and do what I mentioned on my previous comment "cd to child folder" now is working. I would be nice to give to the CLI more control in order to install everything automatically avoiding human mistake such not install the requirements previously.
Thanks for your support.
from webdriverio.
Just npm init wdio@latest
follow by project name
I attach a video
https://github.com/webdriverio/webdriverio/assets/84902514/fdbc8563-63c2-49af-9746-7cde8344e93a
from webdriverio.
@wswebcreation are you aware of any special requirements one would have to have installed on their machine? We should mention any hard requirements for Canvas.
@juannavalonribas what Mac architecture are you using M1, M2 or M3? Can you try running the following:
brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman
And then try again?
from webdriverio.
@wswebcreation are you aware of any special requirements one would have to have installed on their machine? We should mention any hard requirements for Canvas.
@juannavalonribas what Mac architecture are you using M1, M2 or M3? Can you try running the following:
brew install pkg-config cairo pango libpng jpeg giflib librsvg pixmanAnd then try again?
Hello @christian-bromann I am using a mac Apple M1 with Sonoma 14.4.1 (sorry for not including this info previously)
I installed the tools according to the command that you provided. I figure it out the problem. I was creating the project inside my wdio-visual-testing folder. I though that this won't cause problems cause during the wdio command the first options is
? A project named "wdio-visual-testing" was detected at "/Users/juan/Documents/wdio-visual-testing/wdio-visual-testing",
correct? Yes
but it seems that if you select to execute npm saying Y on the last step everything explodes because is on the first folder I just decline the install and navigate to the child folder which is named as the parent.
so running npm i on wdio-visual-testing/wdio-visual-testing
works properly, maybe is needed to review that first check on cli.
Thanks!
from webdriverio.
Have you checked the System Requirements and followed the steps there? As far as I can see it fails on the fallback to build canvas
@christian-bromann , see the link to the requirements
from webdriverio.
so running
npm i on wdio-visual-testing/wdio-visual-testing
works properly, maybe is needed to review that first check on cli.
Is /wdio-visual-testing
your project root and /wdio-visual-testing/wdio-visual-testing
some sort of sub directory for visual testing that has its own package.json
? I am not sure why the install would fail in both cases.
from webdriverio.
so running
npm i on wdio-visual-testing/wdio-visual-testing
works properly, maybe is needed to review that first check on cli.Is
/wdio-visual-testing
your project root and/wdio-visual-testing/wdio-visual-testing
some sort of sub directory for visual testing that has its ownpackage.json
? I am not sure why the install would fail in both cases.
Parent /wdio-visual-testing is just an empty folder and inside I runned the wdio init which creates another folder in this case named same as parent.
I just played with different cases and doing the wdio init on Documents I have the same error if I say yes through the CLI.
from webdriverio.
I just played with different cases and doing the wdio init on Documents I have the same error if I say yes through the CLI.
Can you explain what commands you entered in your terminal?
from webdriverio.
mhm 🤔 I have no issues creating a project as demonstrated in the video in my ~/Documents
directory. I assume it is an auth issue e.g. NPM is not allowed to install certain packages in there. Not sure though.
from webdriverio.
Can you try to run this:
brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman
and rerun your installation?
from webdriverio.
I did it before, that brew install works properly but the cli setup is giving the same error. I have on my .zshrc a private npm_token of my company.. 🤔 could be that? But recently I been creating projects with vite and another CLI's with success.
from webdriverio.
Mhm 🤔 I am a bot out of ideas here. I've ran a workshop today where most people were able to install the visual package and the ones that weren't, were able to install it after calling the brew
command. At this point I am out of ideas what to suggest next.
from webdriverio.
If installing the requirements does not work from my experience, the issue is the following. node-canvas can only be built using the legacy python 2.7.18. You can install pyenv, then install Python 2.7.18 and then set your shell to this version which (if you installed the requirements correctly) should work. To set the version in the shell use "pyenv shell 2.7.18" and then run the wdio setup like before. Let me know if this resolves the issue.
from webdriverio.
Closing due to inactivity.
from webdriverio.
Related Issues (20)
- [🐛 Bug]: Chromedriver binary override no longer works HOT 6
- [💡 Feature]: [spec-reporter] Do not report a failed test as a failure if it passed on a subsequent retry HOT 3
- [🐛 Bug]: App getting stuck after Launch HOT 1
- [🐛 Bug]: `browser.mock` not working locally with Firefox 126 HOT 2
- [🐛 Bug]: ERROR webdriver: Failed downloading chromedriver v125.0.6422.141: Download failed: server returned code 404 HOT 3
- [🐛 Bug]: Spec CLI arg breakable on Windows HOT 6
- [🐛 Bug]: Error installing @wdio/cli during project initialization HOT 2
- [🐛 Bug]: <@wdio/config:ConfigParser: Failed loading configuration file in CircleCi> HOT 1
- [🐛 Bug]: Error: There isn't any active suite! HOT 2
- [🐛 Bug]: Inconsistency with driver.lock HOT 3
- [🐛 Bug]: ts-node performs type check regardless of configuration HOT 1
- [📖 Docs]: <title> Fix mock.restore docs HOT 1
- [💡 Feature]: Improve `browser.mock` by enabling partial responses HOT 1
- [🐛 Bug]: allure-reporter - setting a custom message in matcher options makes the test to be reported as broken instead of failed HOT 5
- [🐛 Bug]: scrollIntoView does not scroll to the center of the viewport when used inside an iframe. HOT 3
- [🐛 Bug]: Jasmine and the JUnit reporter output empty spec files since v8.15.9 due to suite file property not including path HOT 1
- [🐛 Bug]: moz:debuggerAddress does not accept boolean value HOT 1
- [🐛 Bug]: <Scenarios with duplicated steps not failing> HOT 1
- [🐛 Bug]: WebdriverIO security vulnerability in dependency on puppeteer-core HOT 18
- [🐛 Bug]: V9 - TSC fails on Windows machine HOT 1
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 webdriverio.