Cypress cannot interpret multiple arguments on the command line to change viewports, when there are already viewports configured by default

[raulpacheco2k]

Cypress cannot interpret multiple arguments on the command line to change viewports, when there are already viewports configured by default

[MikeMcC399]

@raulpacheco2k

I can't reproduce your issue.

What happens if you execute the following using npx?

npx cypress open --config viewportWidth=1280,viewportHeight=720

It looks like you may have Cypress installed globally in addition. It's recommended to install locally only:

npm install cypress --save-dev

[MikeMcC399]

@raulpacheco2k

It's good to hear that your problem is solved!

The command you need to run depends on which package manager you are using, so all the commands are listed without npx, yarn or pnpm. This is explained in the documentation.

---

See Getting Started > Opening the App. If you are using npm, then you use npx:

cypress open

You can open Cypress from your project root one of the following ways:

Using npx

npx cypress open

Or by using yarn

yarn run cypress open

After a moment, the Cypress Launchpad will open.

---

See also Guides > Command Line > How to run commands:

How to run commands

For brevity we've omitted the full path to the cypress executable in each command's documentation.

To run a command, you'll need to prefix each command in order to properly locate the cypress executable.

npx cypress run

...or by using Yarn...

yarn cypress run

[MikeMcC399]

@raulpacheco2k

Since this is not a Cypress bug, you should close this issue now.

The Cypress technical community on Discord welcomes new users

(click on button)

You can share your problems and get advice from other users there.

[raulpacheco2k]

@MikeMcC399 , thanks for your response.

Excellent, that's how it works. I was following the Cypress documentation, it does not specify the npx parameter in the command. Maybe it's because you don't need npx to run the script in headless mode...

I'm new to Cypress, so I might end up saying nonsense.

I believe there may be an error in the documentation, the npx parameter must be added to the command line. When running the command requested in the documentation an error is thrown, but when adding npx it works successfully.

PS C:\Users\eu\Documents\Curso-TAT-Cypress-Basico> cypress run --browser chrome --config viewportWidth=1280,viewportHeight=720


DevTools listening on ws://127.0.0.1:54550/devtools/browser/5a0e387b-d3ee-46e0-ba08-a56ec59283eb
An invalid configuration value was set.

Expected viewportWidth to be a number.

Instead the value was: "1280 viewportHeight=720"
PS C:\Users\eu\Documents\Curso-TAT-Cypress-Basico> npx cypress run --browser chrome --config viewportWidth=1280,viewportHeight=720


DevTools listening on ws://127.0.0.1:54560/devtools/browser/ce29aa2a-d939-4081-b77c-c02976aebd5f

====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        13.6.3                                                                         │
  │ Browser:        Chrome 121 (headless)                                                          │
  │ Node Version:   v21.4.0 (C:\Program Files\nodejs\node.exe)                                     │
  │ Specs:          1 found (CAC-TAT.cy.js)                                                        │
  │ Searched:       cypress/e2e/**/*.cy.{js,jsx,ts,tsx}                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘