diff --git a/packages/cypress/src/integration/settings.spec.ts b/packages/cypress/src/integration/settings.spec.ts index 098c87d663..fdd721ac34 100644 --- a/packages/cypress/src/integration/settings.spec.ts +++ b/packages/cypress/src/integration/settings.spec.ts @@ -36,7 +36,7 @@ describe('[Settings]', () => { cy.step('Go to User Settings') cy.clickMenuItem(UserMenuItem.Settings) - cy.get('[data-cy=username').clear().type('Wrong user') + cy.get('[data-cy=displayName').clear().type('Wrong user') cy.step('Confirm shown when attempting to go to another page') cy.get('[data-cy=page-link]').contains('How-to').click() @@ -74,7 +74,7 @@ describe('[Settings]', () => { cy.step('Can set the required fields') cy.setSettingBasicUserInfo({ - username: displayName, + displayName, country, description, }) @@ -186,7 +186,7 @@ describe('[Settings]', () => { cy.step('Populate profile') cy.get('[data-cy=shredder').click() cy.setSettingBasicUserInfo({ - username: displayName, + displayName, description, }) @@ -261,7 +261,7 @@ describe('[Settings]', () => { cy.step('Populate profile') cy.setSettingBasicUserInfo({ - username: displayName, + displayName, description, }) cy.setSettingImage(coverImage, 'coverImages-0') @@ -326,7 +326,7 @@ describe('[Settings]', () => { cy.setSettingFocus(profileType) cy.setSettingBasicUserInfo({ - username: displayName, + displayName, description, }) cy.setSettingImage(coverImage, 'coverImages-0') @@ -405,7 +405,7 @@ describe('[Settings]', () => { cy.step('Populate profile') cy.setSettingBasicUserInfo({ - username: displayName, + displayName, description, }) cy.setSettingImage(coverImage, 'coverImages-0') diff --git a/packages/cypress/src/support/commandsUi.ts b/packages/cypress/src/support/commandsUi.ts index 2f2a138b4a..15278bff8a 100644 --- a/packages/cypress/src/support/commandsUi.ts +++ b/packages/cypress/src/support/commandsUi.ts @@ -10,7 +10,7 @@ export enum UserMenuItem { } interface IInfo { - username: string + displayName: string country?: string description: string } @@ -134,10 +134,12 @@ Cypress.Commands.add( ) Cypress.Commands.add('setSettingBasicUserInfo', (info: IInfo) => { + const { country, description, displayName } = info + cy.step('Update Info section') - cy.get('[data-cy=username').clear().type(info.username) - cy.get('[data-cy=info-description').clear().type(info.description) - info.country && cy.selectTag(info.country, '[data-cy=location-dropdown]') + cy.get('[data-cy=displayName').clear().type(displayName) + cy.get('[data-cy=info-description').clear().type(description) + country && cy.selectTag(country, '[data-cy=location-dropdown]') }) Cypress.Commands.add( diff --git a/src/pages/UserSettings/content/sections/UserInfos.section.tsx b/src/pages/UserSettings/content/sections/UserInfos.section.tsx index afa408f850..2167aeb846 100644 --- a/src/pages/UserSettings/content/sections/UserInfos.section.tsx +++ b/src/pages/UserSettings/content/sections/UserInfos.section.tsx @@ -38,11 +38,14 @@ export const UserInfosSection = ({ formValues }: IProps) => { {headings.infos} {`${displayName.title} *`} + + {displayName.description} + diff --git a/src/pages/UserSettings/labels.ts b/src/pages/UserSettings/labels.ts index fcf0f5c7af..732580240e 100644 --- a/src/pages/UserSettings/labels.ts +++ b/src/pages/UserSettings/labels.ts @@ -64,6 +64,8 @@ export const fields: ILabels = { }, displayName: { title: 'Display Name', + description: + 'Shown on your profile page. You can use spaces and everything!', }, email: { title: 'Current email address',