Skip to content

fix: remove 'new' badge from Create from Component, fix parsing #31457

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from

Conversation

astone123
Copy link
Contributor

Additional details

This PR removes the "New" badge for the Create from Component feature - we released it over two years ago. It also fixes an issue where we would fail to parse component files for certain projects that had babel configurations in their project root. You can see this issue with cypress-services dashboard tests - if you try to use Create from Component with any of these files, it will error on all of them because of Babel plugin issues from the project's Babel config. We don't want to use the project's configuration file.

Steps to test

On develop

  1. Open cypress-services/frontend/packages/dashboard in CT
  2. Click "New Spec" in the top-right
  3. Click Create from Component
  4. Expand some files in the project - notice that all of them say "Unable to parse"
  5. Switch to this branch
  6. Verify that the "new" badge is no longer displayed on this option
  7. Verify that the React components are correctly identified for the files in cypress-services dashboard

PR Tasks

@astone123 astone123 self-assigned this Apr 7, 2025
@@ -33,6 +33,7 @@ export class CodegenActions {
let result = parseReactComponent(src, {
resolver: findAllWithLink(exportResolver, reactDocgenResolvers),
babelOptions: {
configFile: false,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This option disables the use of a config file for Babel. this is what we want since we're calling it directly, we don't want to pick up any config file that might be in the project

https://babeljs.io/docs/options#configfile

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is it possible to add a test for this?

Copy link

cypress bot commented Apr 7, 2025

cypress    Run #61432

Run Properties:  status check passed Passed #61432  •  git commit 721faa8d51: add changelog entry
Project cypress
Branch Review create-from-component-fix
Run status status check passed Passed #61432
Run duration 10m 06s
Commit git commit 721faa8d51: add changelog entry
Committer astone123
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 2
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 260
View all changes introduced in this branch ↗︎
UI Coverage  44.19%
  Untested elements 72  
  Tested elements 57  
Accessibility  94.9%
  Failed rules  0 critical   6 serious   0 moderate   1 minor
  Failed elements 129  

@@ -33,6 +33,7 @@ export class CodegenActions {
let result = parseReactComponent(src, {
resolver: findAllWithLink(exportResolver, reactDocgenResolvers),
babelOptions: {
configFile: false,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is it possible to add a test for this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants