@@ -259,8 +259,6 @@ describe('Launchpad: Setup Project', () => {
259259 cy . findByRole ( 'button' , { name : 'Continue' } )
260260 . should ( 'not.have.disabled' )
261261 . click ( )
262-
263- verifyChooseABrowserPage ( )
264262 } )
265263
266264 it ( 'moves to "Choose a browser" page after clicking "Continue" button in first step in configuration page' , ( ) => {
@@ -486,8 +484,7 @@ describe('Launchpad: Setup Project', () => {
486484 } )
487485
488486 describe ( 'project not been configured for cypress' , ( ) => {
489- // TODO: unskip once Object API lands https://github.com/cypress-io/cypress/pull/20861
490- it . skip ( 'can setup component testing' , ( ) => {
487+ it ( 'can setup component testing' , ( ) => {
491488 scaffoldAndOpenProject ( 'pristine' )
492489 cy . visitLaunchpad ( )
493490
@@ -499,7 +496,7 @@ describe('Launchpad: Setup Project', () => {
499496
500497 cy . findByText ( 'Confirm the front-end framework and bundler used in your project.' )
501498
502- cy . findByRole ( 'button' , { name : 'Front-end Framework React.js (detected)' } ) . click ( )
499+ cy . contains ( 'Pick a framework' ) . click ( )
503500 cy . findByRole ( 'option' , { name : 'Create React App' } ) . click ( )
504501
505502 cy . get ( '[data-testid="select-bundler"' ) . should ( 'not.exist' )
@@ -508,34 +505,28 @@ describe('Launchpad: Setup Project', () => {
508505 cy . findByRole ( 'button' , { name : 'Back' } ) . click ( )
509506 cy . get ( '[data-cy-testingtype="component"]' ) . click ( )
510507
511- cy . findByRole ( 'button' , { name : 'Front-end Framework React.js (detected)' } ) . click ( )
508+ cy . contains ( 'Pick a framework' ) . click ( )
512509 cy . findByRole ( 'option' , { name : 'Vue.js 3' } ) . click ( )
513510
514511 cy . findByRole ( 'button' , { name : 'Bundler(dev server) Pick a bundler' } ) . click ( )
515512 cy . findByRole ( 'option' , { name : 'Vite' } ) . click ( )
516513
517- cy . findByRole ( 'button' , { name : 'TypeScript' } ) . click ( )
518514 cy . findByRole ( 'button' , { name : 'Next step' } ) . should ( 'not.have.disabled' )
519515 cy . findByRole ( 'button' , { name : 'Next step' } ) . click ( )
520516
521517 cy . findByRole ( 'button' , { name : 'Skip' } ) . click ( )
522518
523- cy . get ( '[data-cy=valid]' ) . within ( ( ) => {
524- cy . contains ( 'cypress.config.ts' )
525- cy . containsPath ( 'cypress/support/component-index.html' )
526- cy . containsPath ( `cypress/support/component.ts` )
527- cy . containsPath ( `cypress/support/commands.ts` )
528- cy . containsPath ( 'cypress/fixtures/example.json' )
529- } )
519+ cy . contains ( 'cypress.config.js' )
520+ cy . containsPath ( 'cypress/support/component-index.html' )
521+ cy . containsPath ( 'cypress/support/component.js' )
522+ cy . containsPath ( 'cypress/support/commands.js' )
523+ cy . containsPath ( 'cypress/fixtures/example.json' )
530524
531525 cy . findByRole ( 'button' , { name : 'Continue' } ) . click ( )
532-
533- verifyChooseABrowserPage ( )
534526 } )
535527
536- // TODO: unskip once Object API lands https://github.com/cypress-io/cypress/pull/20861
537- it . skip ( 'setup component testing with typescript files' , ( ) => {
538- scaffoldAndOpenProject ( 'pristine' )
528+ it ( 'setup component testing with typescript files' , ( ) => {
529+ scaffoldAndOpenProject ( 'pristine-yarn' )
539530 cy . visitLaunchpad ( )
540531
541532 verifyWelcomePage ( { e2eIsConfigured : false , ctIsConfigured : false } )
@@ -546,26 +537,21 @@ describe('Launchpad: Setup Project', () => {
546537
547538 cy . findByText ( 'Confirm the front-end framework and bundler used in your project.' )
548539
549- cy . findByRole ( 'button' , { name : 'Front-end Framework React.js (detected)' } ) . click ( )
540+ cy . contains ( 'Pick a framework' ) . click ( )
550541 cy . findByRole ( 'option' , { name : 'Create React App' } ) . click ( )
551- cy . findByRole ( 'button' , { name : 'TypeScript' } ) . click ( )
552542
553543 cy . findByRole ( 'button' , { name : 'Next step' } ) . click ( )
554544 cy . findByRole ( 'button' , { name : 'Skip' } ) . click ( )
555545
556- cy . get ( '[data-cy=valid]' ) . within ( ( ) => {
557- cy . contains ( 'cypress.config.ts' )
558- cy . containsPath ( 'cypress/support/component-index.html' )
559- cy . containsPath ( 'cypress/support/component.ts' )
560- cy . containsPath ( 'cypress/support/commands.ts' )
561- cy . containsPath ( 'cypress/fixtures/example.json' )
562- } )
546+ cy . contains ( 'cypress.config.ts' )
547+ cy . containsPath ( 'cypress/support/component-index.html' )
548+ cy . containsPath ( 'cypress/support/component.ts' )
549+ cy . containsPath ( 'cypress/support/commands.ts' )
550+ cy . containsPath ( 'cypress/fixtures/example.json' )
563551
564552 verifyScaffoldedFiles ( 'component' )
565553
566554 cy . findByRole ( 'button' , { name : 'Continue' } ) . click ( )
567-
568- verifyChooseABrowserPage ( )
569555 } )
570556 } )
571557 } )
@@ -583,8 +569,7 @@ describe('Launchpad: Setup Project', () => {
583569 cy . findByDisplayValue ( 'yarn add -D react-scripts react-dom react' ) . should ( 'be.visible' )
584570 } )
585571
586- // TODO: fix flaky test https://github.com/cypress-io/cypress/issues/23153
587- it . skip ( 'makes the right command for pnpm' , ( ) => {
572+ it ( 'makes the right command for pnpm' , ( ) => {
588573 scaffoldAndOpenProject ( 'pristine-pnpm' )
589574
590575 cy . visitLaunchpad ( )
@@ -593,11 +578,10 @@ describe('Launchpad: Setup Project', () => {
593578 cy . get ( '[data-testid="select-framework"]' ) . click ( )
594579 cy . findByText ( 'Create React App' ) . click ( )
595580 cy . findByText ( 'Next step' ) . click ( )
596- cy . get ( 'code ') . should ( 'contain.text ' , 'pnpm install -D ' )
581+ cy . findByTestId ( 'terminal-prompt-input ') . should ( 'have.value ' , 'pnpm install -D react-scripts react-dom react ' )
597582 } )
598583
599- // TODO: fix flaky test https://github.com/cypress-io/cypress/issues/23153
600- it . skip ( 'makes the right command for npm' , ( ) => {
584+ it ( 'makes the right command for npm' , ( ) => {
601585 scaffoldAndOpenProject ( 'pristine-npm' )
602586
603587 cy . visitLaunchpad ( )
@@ -606,7 +590,7 @@ describe('Launchpad: Setup Project', () => {
606590 cy . get ( '[data-testid="select-framework"]' ) . click ( )
607591 cy . findByText ( 'Create React App' ) . click ( )
608592 cy . findByText ( 'Next step' ) . click ( )
609- cy . get ( 'code ') . should ( 'contain.text ' , 'npm install -D ' )
593+ cy . findByTestId ( 'terminal-prompt-input ') . should ( 'have.value ' , 'npm install -D react-scripts react-dom react ' )
610594 } )
611595 } )
612596
0 commit comments