misc: use pnpm add for ct dependency scaffolding

[MikeMcC399]

• Closes Component test pnpm scaffolding uses pnpm install not add #29052

Additional details

Cypress Component Testing was instructing the user to add framework dependencies using pnpm install when the underlying project was using pnpm as package manager. This was inconsistent with the pnpm cli documentation which lists pnpm add <pkg> as the appropriate command to add a package.

Steps to test

• OS: Ubuntu 22.04.4 LTS
• Node.js: is 18.17.1

Prepare project cy-pnpm-ct

npm install pnpm@latest -g
mkdir cy-pnpm-ct
cd cy-pnpm-ct
git init
pnpm init
pnpm add cypress -D

Local Cypress build and run

yarn
yarn start

In the Cypress Launchpad use "Add project" to select the directory cy-pnpm-ct
Select "Component Testing"
Select "Front-end framework" > "Vue CLI (Vue 3)"
Click "Next step"
Note the instruction

pnpm add -D @vue/cli-service vue

Paste the instruction into a separate terminal window which is open in the directory cy-pnpm-ct and execute it.

Note that it runs successfully.

Back in the Cypress Launchpad confirm that the status message "You've successfully installed all required dependencies." is shown.

How has the user experience changed?

When scaffolding Component Testing for a project using pnpm as package manager the Cypress Launchpad previously showed the instruction to install the required dependencies in the form

pnpm install -D

and now it shows the instruction in the following form:

pnpm add -D

---

BEFORE

---

AFTER

PR Tasks

• Have tests been added/updated?
• [na] Has a PR for user-facing changes been opened in cypress-documentation?
  The documentation Component Testing > Getting Started only covers npm (not Yarn or pnpm) and does not cover the case where dependencies have not yet been installed, so the changes in this PR do not affect any existing documentation.
• [na] Have API changes been updated in the type definitions?

[cypress-app-bot]

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.

[jennifer-shehane]

Seems we can't get the tests to pass due to recent tests added, we're looking into it: #29072

[jennifer-shehane]

The issue with the failing tests has been resolved, so going to work on merging this in. Hold off on pulling in develop unless there are conflicts.

[cypress-bot]

Released in 13.7.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v13.7.0, please open a new issue.