Skip to content
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

fix: change wording for spec creation #25271

Merged
merged 11 commits into from
Jan 3, 2023
2 changes: 1 addition & 1 deletion npm/webpack-dev-server/cypress/e2e/react.cy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ for (const project of WEBPACK_REACT) {

// 4. recreate spec, with same name as removed spec
cy.findByTestId('new-spec-button').click()
cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible').click()
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible').click()

cy.findByRole('dialog').within(() => {
cy.get('input').clear().type('src/App.cy.jsx')
Expand Down
16 changes: 8 additions & 8 deletions packages/app/cypress/e2e/specs.cy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -408,7 +408,7 @@ describe('App: Specs', () => {
.and('contain', defaultMessages.createSpec.e2e.importEmptySpec.header)
})

cy.contains('Create new empty spec').click()
cy.contains('Create starter spec').click()

cy.findAllByLabelText(defaultMessages.createSpec.e2e.importEmptySpec.inputPlaceholder)
.as('enterSpecInput')
Expand Down Expand Up @@ -458,7 +458,7 @@ describe('App: Specs', () => {
cy.contains('No specs found').should('be.visible')

cy.findByRole('button', { name: 'New spec' }).click()
cy.contains('Create new empty spec').click()
cy.contains('Create starter spec').click()

cy.findAllByLabelText(defaultMessages.createSpec.e2e.importEmptySpec.inputPlaceholder)
.as('enterSpecInput')
Expand All @@ -484,7 +484,7 @@ describe('App: Specs', () => {
.and('contain', defaultMessages.createSpec.e2e.importEmptySpec.header)
})

cy.contains('Create new empty spec').click()
cy.contains('Create starter spec').click()

cy.findAllByLabelText(defaultMessages.createSpec.e2e.importEmptySpec.inputPlaceholder)
.as('enterSpecInput')
Expand Down Expand Up @@ -527,7 +527,7 @@ describe('App: Specs', () => {
function selectEmptySpecCard () {
cy.findAllByTestId('card').should('have.length', 2)
cy.findByRole('button', { name: 'Create from component' }).should('be.visible')
cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible').click()
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible').click()
}

describe('Testing Type: Component', {
Expand All @@ -544,11 +544,11 @@ describe('App: Specs', () => {
cy.findAllByTestId('card').eq(1).as('EmptyCard')
})

it('shows create new empty spec card', () => {
it('shows Create starter spec card', () => {
cy.get('@EmptyCard')
.within(() => {
cy.findByRole('button', {
name: 'Create new empty spec',
name: 'Create starter spec',
}).should('be.visible')
.and('not.be.disabled')
})
Expand Down Expand Up @@ -593,10 +593,10 @@ describe('App: Specs', () => {
cy.findByRole('button', { name: 'Create another spec' }).click()
})

// 'Create a new spec' dialog presents with options when user indicates they want to create
// 'Create starter spec' dialog presents with options when user indicates they want to create
// another spec.
cy.findAllByTestId('card').should('have.length', 2)
cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible')
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible')
cy.findByRole('button', { name: 'Create from component' }).should('be.visible')
})

Expand Down
4 changes: 2 additions & 2 deletions packages/app/cypress/e2e/specs_list_component.cy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,15 @@ describe('App: Spec List (Component)', () => {
cy.get('[data-selected-spec="false"]').should('contain', 'foo')
})

it('opens the "Create a new spec" modal after clicking the "New specs" button', () => {
it('opens the "Create starter spec" modal after clicking the "New specs" button', () => {
cy.get('[data-cy="standard-modal"]').should('not.exist')
cy.get('[data-cy="new-spec-button"]').click()
cy.get('[data-cy="standard-modal"]').get('h2').contains('Enter the path for your new spec')
cy.get('button').get('[aria-label="Close"]').click()
cy.get('[data-cy="standard-modal"]').should('not.exist')
})

it('has the correct defaultSpecFileName in the "Create a new spec" modal', () => {
it('has the correct defaultSpecFileName in the "Create starter spec" modal', () => {
cy.findByTestId('standard-modal').should('not.exist')
cy.findByTestId('new-spec-button').click()
cy.get('input').get('[aria-label="Enter a relative path..."]').invoke('val').should('contain', getPathForPlatform('cypress/component-tests/ComponentName.spec.js'))
Expand Down
12 changes: 6 additions & 6 deletions packages/app/cypress/e2e/specs_list_e2e.cy.ts
Original file line number Diff line number Diff line change
Expand Up @@ -85,22 +85,22 @@ describe('App: Spec List (E2E)', () => {
cy.findAllByTestId('spec-item').should('contain', 'dom-content.spec.js')
})

it('opens the "Create a new spec" modal after clicking the "New specs" button', () => {
it('opens the "Create starter spec" modal after clicking the "New specs" button', () => {
cy.findByTestId('standard-modal').should('not.exist')
cy.findByTestId('new-spec-button').click()
cy.findByTestId('standard-modal').get('h2').contains('Create a new spec')
cy.findByTestId('standard-modal').get('h2').contains('Create starter spec')
cy.get('button').contains('Scaffold example specs').should('be.visible')
cy.get('button').contains('Create new empty spec').should('be.visible')
cy.get('button').contains('Create starter spec').should('be.visible')
cy.get('button').get('[aria-label="Close"]').click()
cy.findByTestId('standard-modal').should('not.exist')
})

it('has the correct defaultSpecFileName in the "Create a new spec" modal', () => {
it('has the correct defaultSpecFileName in the "Create starter spec" modal', () => {
cy.findByTestId('standard-modal').should('not.exist')
cy.findByTestId('new-spec-button').click()
cy.findByTestId('standard-modal').get('h2').contains('Create a new spec')
cy.findByTestId('standard-modal').get('h2').contains('Create starter spec')
cy.get('button').contains('Scaffold example specs').should('be.visible')
cy.get('button').contains('Create new empty spec').should('be.visible').click()
cy.get('button').contains('Create starter spec').should('be.visible').click()
cy.get('input').get('[aria-label="Enter a relative path..."]').invoke('val').should('contain', getPathForPlatform('cypress/e2e/spec.spec.js'))
cy.get('button').get('[aria-label="Close"]').click()
})
Expand Down
8 changes: 4 additions & 4 deletions packages/app/src/specs/CreateSpecModal.cy.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ function testEmptySpecModal (fullDefaultSpecFileName: string, specName: string)

describe('form behavior', () => {
beforeEach(() => {
cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible').click()
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible').click()
})

it('enter should call create spec function', () => {
Expand Down Expand Up @@ -68,7 +68,7 @@ function testEmptySpecModal (fullDefaultSpecFileName: string, specName: string)

describe('text Input', () => {
beforeEach(() => {
cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible').click()
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible').click()
})

it('focuses text input and selects file name by default', () => {
Expand Down Expand Up @@ -219,7 +219,7 @@ describe('<CreateSpecModal />', () => {
/>
</div>))

cy.findByRole('button', { name: 'Create new empty spec' }).should('be.visible').click()
cy.findByRole('button', { name: 'Create starter spec' }).should('be.visible').click()

cy.focused().as('specNameInput')

Expand Down Expand Up @@ -296,7 +296,7 @@ describe('defaultSpecFileName', () => {
},
})

cy.findByText('Create new empty spec').click()
cy.findByText('Create starter spec').click()
cy.get('input').invoke('val').should('contain', 'spec.cy.js')

cy.percySnapshot()
Expand Down
10 changes: 5 additions & 5 deletions packages/frontend-shared/src/locales/en-US.json
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
"noComponentsFound": "No components found",
"unableToParseFile": "Unable to parse file",
"updateSpecPattern": "Update spec pattern",
"newSpecModalTitle": "Create a new spec",
"newSpecModalTitle": "Create starter spec",
"successPage": {
"header": "Great! The spec was successfully added",
"runSpecButton": "Okay, run the spec",
Expand Down Expand Up @@ -96,8 +96,8 @@
"specsAddingHeader": "Adding specs..."
},
"importEmptySpec": {
"header": "Create new empty spec",
"description": "We'll generate an empty spec file which can be used to start testing your application.",
"header": "Create starter spec",
"description": "We'll generate a starter spec file which can be used to start testing your application.",
"chooseFilenameHeader": "Enter the path for your new spec",
"inputPlaceholder": "Enter a relative path...",
"invalidSpecWarning": "This path is invalid because it doesn't match the following ",
Expand All @@ -111,8 +111,8 @@
"chooseAComponentHeader": "Choose a component"
},
"importEmptySpec": {
"header": "Create a new spec",
"description": "We'll generate an empty spec file to start testing components.",
"header": "Create starter spec",
"description": "We'll generate a starter spec file to start testing components.",
"invalidComponentWarning": "We couldn't generate a valid path matching your custom "
}
}
Expand Down