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

astone123 · 2025-04-07T15:06:20Z

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

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

PR Tasks

Have tests been added/updated?
[na] Has a PR for user-facing changes been opened in cypress-documentation?
[na] Have API changes been updated in the type definitions?

astone123 · 2025-04-07T15:08:17Z

packages/data-context/src/actions/CodegenActions.ts

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


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

is it possible to add a test for this?

@AtofStryker I added a test in CodegenActions.spec.ts just to make sure that we pass this option to Babel. I went down the road of trying to do a system test for this instead, but couldn't get it to work

its probably hard to do a system test since its code generation for a component? Have you tried a cy-in-cy test? That would give us the most coverage here

@astone123 any luck with the cy-in-cy test?

no I haven't looked at it yet, will try it out this week

@AtofStryker I finally added a test for this - let me know what you think

cypress · 2025-04-07T15:40:00Z

cypress Run #63741

Run Properties: Passed #63741 • da1f552809: actually fix lint

Project	`cypress`
Branch Review	`create-from-component-fix`
Run status	`Passed #63741`
Run duration	`16m 55s`
Commit	`da1f552809: actually fix lint`
Committer	`astone123`
View all properties for this run ↗︎

Test results
Failures	`0`
Flaky	`2`
Pending	`133`
Skipped	`0`
Passing	`5552`
View all changes introduced in this branch ↗︎

AtofStryker · 2025-04-07T16:45:17Z

packages/data-context/src/actions/CodegenActions.ts

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


is it possible to add a test for this?

astone123 · 2025-07-14T19:04:00Z

packages/app/src/specs/generators/component/ComponentGeneratorCard.vue

@@ -4,7 +4,6 @@
    :header="t('createSpec.component.importFromComponent.header')"
    :description="t('createSpec.component.importFromComponent.description')"
    :icon="DocumentCodeIcon"
-    :badge-text="t('versions.new')"


this isn't new anymore

…from Component, fix parsing (#31457)

…om Component, fix parsing (#31457)

…from Component, fix parsing (#31457)

…om Component, fix parsing (#31457)

…from Component, fix parsing (#31457)

…om Component, fix parsing (#31457)

* chore: updating v8 snapshot cache * index on release/15.0.0: 47bda54 fix: remove 'new' badge from Create from Component, fix parsing (#31457) * index on release/15.0.0: 3b88383 internal: (studio) support creating new test in root suite (#32024) --------- Co-authored-by: cypress-bot[bot] <+cypress-bot[bot]@users.noreply.github.com>

astone123 self-assigned this Apr 7, 2025

astone123 commented Apr 7, 2025

View reviewed changes

jennifer-shehane requested a review from AtofStryker April 7, 2025 15:48

AtofStryker requested changes Apr 7, 2025

View reviewed changes

astone123 requested a review from AtofStryker April 18, 2025 18:01

astone123 added 4 commits July 14, 2025 09:13

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

72c5619

add changelog entry

d77d243

update changelog

6ef7221

add test

d362468

astone123 force-pushed the create-from-component-fix branch from acdcf8e to d362468 Compare July 14, 2025 13:15

astone123 changed the base branch from develop to release/15.0.0 July 14, 2025 13:15

astone123 added 2 commits July 14, 2025 15:02

add test coverage

cbe71d0

Merge branch 'release/15.0.0' into create-from-component-fix

cbc69f5

astone123 commented Jul 14, 2025

View reviewed changes

astone123 added 2 commits July 14, 2025 15:25

fix lint

5ea7fa7

actually fix lint

da1f552

astone123 requested a review from jennifer-shehane July 15, 2025 14:33

AtofStryker approved these changes Jul 16, 2025

View reviewed changes

AtofStryker merged commit 47bda54 into release/15.0.0 Jul 16, 2025
82 of 86 checks passed

AtofStryker deleted the create-from-component-fix branch July 16, 2025 20:53

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

index on release/15.0.0: 47bda54 fix: remove 'new' badge from Create …

643a7ef

…from Component, fix parsing (#31457)

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

WIP on release/15.0.0: 47bda54 fix: remove 'new' badge from Create fr…

b749476

…om Component, fix parsing (#31457)

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

index on release/15.0.0: 47bda54 fix: remove 'new' badge from Create …

290e59e

…from Component, fix parsing (#31457)

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

WIP on release/15.0.0: 47bda54 fix: remove 'new' badge from Create fr…

fad3e99

…om Component, fix parsing (#31457)

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

index on release/15.0.0: 47bda54 fix: remove 'new' badge from Create …

9b7c926

…from Component, fix parsing (#31457)

cypress-app-bot pushed a commit that referenced this pull request Jul 16, 2025

WIP on release/15.0.0: 47bda54 fix: remove 'new' badge from Create fr…

167cfe0

…om Component, fix parsing (#31457)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

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

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

Uh oh!

astone123 commented Apr 7, 2025 •

edited

Loading

Uh oh!

astone123 Apr 7, 2025

Uh oh!

AtofStryker Apr 7, 2025

Uh oh!

astone123 Apr 18, 2025

Uh oh!

AtofStryker Apr 21, 2025

Uh oh!

AtofStryker Apr 28, 2025

Uh oh!

astone123 Apr 28, 2025

Uh oh!

astone123 Jul 14, 2025

Uh oh!

cypress bot commented Apr 7, 2025 •

edited

Loading

Uh oh!

AtofStryker Apr 7, 2025

Uh oh!

astone123 Jul 14, 2025

Uh oh!

Uh oh!

Uh oh!

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

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

Uh oh!

Conversation

astone123 commented Apr 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Additional details

Steps to test

PR Tasks

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

cypress bot commented Apr 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

astone123 commented Apr 7, 2025 •

edited

Loading

cypress bot commented Apr 7, 2025 •

edited

Loading