feat: improve TR <> dashboard project linking [GROW-96]

[panzarino]

• Closes GROW-96

User facing changelog

Improved the process for linking local projects to the dashboard

Additional details

Now that we allow users to create projects in the dashboard (and are seeing a significant number of projects created there), it makes no sense to force them to create a new project from the TR locally. Now users are presented with a dropdown where they can choose from an existing project or elect to create a new project.

When creating a new project, the privacy selector has been changed to automatically select private and take up less real estate - the far majority of projects created are private so it makes sense to streamline this experience and matches the experience in the dashboard

After setting up a project, the instructions are now more clear as to what action the user needs to take. Since we automatically save the projectId for them, there's no reason for us to present that code again. By simplifying the "first step" we get users to recording their first run more easily

These changes also inline the experience so that users no longer need to interact through a modal.

How has the user experience changed?

Users are presented with a dropdown that contains existing projects for their selected organization, displaying those that do not have runs recorded to the dashboard at the top

Users also have the option to create a new project for that org by clicking the link below the dropdown

If the org does not have any existing projects, the user will automatically be placed on the create a new project page

Record your first run screen after setting up

Documentation: cypress-io/cypress-documentation#3590

PR Tasks

• Have tests been added/updated?
• Has the original issue or this PR been tagged with a release in ZenHub?
• Has a PR for user-facing changes been opened in cypress-documentation?

[cypress-bot]

Thanks for taking the time to open a PR!

• 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.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[cypress]

---

Test summary

9362 • 0 • 118 • 3 • 1

---

Run details

Project	cypress
Status	Passed
Commit	e88c54a
Started	Feb 25, 2021 5:24 AM
Ended	Feb 25, 2021 5:34 AM
Duration	10:43 💡
OS	Linux Debian - 10.5
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	cypress/integration/retries.ui.spec.js		1
1	runner/cypress retries.ui.spec > opens attempt on each attempt failure for the screenshot, and closes after test passes

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[jennifer-shehane]

The docs need updating: https://docs.cypress.io/guides/dashboard/projects.html#Setup Maybe in a few other places. Just remove the gif, record a new one, or replace with screenshots.

Looks good to me. It's a lot simpler, less choices up front.

To exit out of the 'create project' screen looks a bit weird cause it has an 'x' like a modal. But...I figured it out anyway, so probably fine UX wise.