Unable to Use cy.select()

[ryan-mee]

Pretty simple use case, but I just keep getting an error when trying to run cy.select(lng) on a simple language select input.

The command that triggers the error is:

cy.get(`[data-testid=select-language-input]`).select('es');

It finds the select input element correctly, and then on the select command errors and gives me is:

Cypress detected that you returned a promise from a command while also invoking one or more cy commands in that promise.

The command that returned the promise was:

  > cy.select()

The cy command you invoked inside the promise was:

  > cy.wait()

Because Cypress commands are already promise-like, you don't need to wrap them or return your own promise.

Cypress will resolve your command with whatever the final Cypress command yields.

The reason this is an error instead of a warning is because Cypress internally queues commands serially whereas Promises execute as soon as they are invoked. Attempting to reconcile this would prevent Cypress from ever resolving

The component being tested is:

<select class="languageSwitcher_language-select-input__8tfGT" name="language-select" id="language-select-id" data-testid="select-language-input">
  <option value="en" data-testid="language-option-en">English</option>
  <option value="es" data-testid="language-option-es">Spanish</option>
</select>

No idea why its doing this. Has anyone else run into a similar issue?

The project is being run in an NX monorepo and uses the @badeball/cypress-cucumber-preprocessor package to allow me to write the tests with Cucumber/Gherkin syntax. Haven't run into this issue with any other commands. I've tried writing it a few different ways but can't get around it.