refactor(editor): Reka UI inline text edit component (#15752)

This commit is contained in:
Robert Squires
2025-06-04 08:56:25 +01:00
committed by GitHub
parent 1335af05d5
commit 92cf3cedbb
27 changed files with 638 additions and 601 deletions

View File

@@ -21,6 +21,8 @@ export class CredentialsModal extends BasePage {
connectionParameter: (fieldName: string) =>
this.getters.credentialInputs().find(`:contains('${fieldName}') .n8n-input input`),
name: () => cy.getByTestId('credential-name'),
namePreview: () =>
cy.getByTestId('credential-name').find('span[data-test-id=inline-edit-preview]'),
nameInput: () => cy.getByTestId('credential-name').find('input'),
deleteButton: () => cy.getByTestId('credential-delete-button'),
closeButton: () => this.getters.editCredentialModal().find('.el-dialog__close').first(),
@@ -43,7 +45,7 @@ export class CredentialsModal extends BasePage {
getVisibleSelect().contains(email.toLowerCase()).click();
},
setName: (name: string) => {
this.getters.name().click();
this.getters.name().getByTestId('inline-edit-preview').click();
this.getters.nameInput().clear().type(name);
},
save: (test = false) => {
@@ -93,7 +95,7 @@ export class CredentialsModal extends BasePage {
this.actions.fillCredentialsForm(closeModal);
},
renameCredential: (newName: string) => {
this.getters.nameInput().type('{selectall}');
this.getters.namePreview().click();
this.getters.nameInput().type(newName);
this.getters.nameInput().type('{enter}');
},