Fix layout of spec pattern recommendation

[sync-by-unito]

Summary

Currently the recommendation as you create a spec pattern looks like this:

Acceptance Criteria

• The spec pattern should probably appear inline in the warning.
• There are some other differences from Figma but not sure how new they are, see the field outline, and the positioning of the warning with no space between it and the text field

Resources

Any Notion documents, Google documents, Figma Boards

┆Issue is synchronized with this Jira Task by Unito
┆Attachments: Screen Shot 2022-05-23 at 12.32.40 PM.png | Screen Shot 2022-05-23 at 12.36.57 PM.png
┆author: Mark Noonan
┆epic: UI/UX Improvements
┆friendlyId: UNIFY-1808
┆priority: Low
┆sprint: Backlog
┆taskType: Task

[Manuel-Suarez-Abascal]

I'm assuming this issue is no longer relevant since as of right now it's an error message with different style & message? If so, can we go ahead & close it?

Current UI:

[marktnoonan]

This still happens - it is a slightly different situation than the invalid spec pattern error - an invalid pattern will display this error. A valid filename matching the custom spec pattern will cause this warning to be displayed if the custom spec pattern does not include the recommended .cy.

CC @viniciuspietscher

[marktnoonan]

This is the part of the code where this is located https://github.com/cypress-io/cypress/blob/develop/packages/app/src/specs/generators/EmptyGenerator.vue#L39

[cypress-app-bot]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.

[cypress-app-bot]

This issue has been closed due to inactivity.