mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-24 20:24:05 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(editor): Render credentials editable when opening them from the node view (#9678)

Browse source
This commit is contained in:
Danny Martini 2024-06-12 13:06:05 +02:00 committed by GitHub
parent 0b8c7f9a3e
commit dc17cf3a49
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 32 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
cypress/e2e/2-credentials.cy.ts
View file

@ -21,6 +21,7 @@ const workflowPage = new WorkflowPage();
const nodeDetailsView = new NDV();
const NEW_CREDENTIAL_NAME = 'Something else';
const NEW_CREDENTIAL_NAME2 = 'Something else entirely';
describe('Credentials', () => {
beforeEach(() => {
@ -180,6 +181,24 @@ describe('Credentials', () => {
.nodeCredentialsSelect()
.find('input')
.should('have.value', NEW_CREDENTIAL_NAME);
// Reload page to make sure this also works when the credential hasn't been
// just created.
nodeDetailsView.actions.close();
workflowPage.actions.saveWorkflowOnButtonClick();
cy.reload();
workflowPage.getters.canvasNodes().last().click();
cy.get('body').type('{enter}');
workflowPage.getters.nodeCredentialsEditButton().click();
credentialsModal.getters.credentialsEditModal().should('be.visible');
credentialsModal.getters.name().click();
credentialsModal.actions.renameCredential(NEW_CREDENTIAL_NAME2);
credentialsModal.getters.saveButton().click();
credentialsModal.getters.closeButton().click();
workflowPage.getters
.nodeCredentialsSelect()
.find('input')
.should('have.value', NEW_CREDENTIAL_NAME2);
});
it('should setup generic authentication for HTTP node', () => {

17
packages/editor-ui/src/components/CredentialEdit/CredentialEdit.vue
View file

@ -118,7 +118,7 @@
import { mapStores } from 'pinia';
import { defineComponent, type PropType } from 'vue';
import type { ICredentialsResponse, IUser } from '@/Interface';
import type { ICredentialsDecryptedResponse, ICredentialsResponse, IUser } from '@/Interface';
import type {
CredentialInformation,
@ -215,6 +215,7 @@ export default defineComponent({
credentialId: '',
credentialName: '',
credentialData: {} as ICredentialDataDecryptedObject,
currentCredential: null as ICredentialsResponse | ICredentialsDecryptedResponse | null,
modalBus: createEventBus(),
isDeleting: false,
isSaving: false,
@ -277,13 +278,6 @@ export default defineComponent({
currentUser(): IUser | null {
return this.usersStore.currentUser;
},
currentCredential(): ICredentialsResponse | null {
if (!this.credentialId) {
return null;
}
return this.credentialsStore.getCredentialById(this.credentialId);
},
credentialTypeName(): string | null {
if (this.mode === 'edit') {
if (this.currentCredential) {
@ -643,9 +637,9 @@ export default defineComponent({
this.credentialId = (this.activeId ?? '') as string;
try {
const currentCredentials = (await this.credentialsStore.getCredentialData({
const currentCredentials = await this.credentialsStore.getCredentialData({
id: this.credentialId,
})) as unknown as ICredentialDataDecryptedObject;
});
if (!currentCredentials) {
throw new Error(
@ -655,6 +649,8 @@ export default defineComponent({
);
}
this.currentCredential = currentCredentials;
this.credentialData = (currentCredentials.data as ICredentialDataDecryptedObject) || {};
if (currentCredentials.sharedWithProjects) {
this.credentialData = {
@ -875,6 +871,7 @@ export default defineComponent({
this.isSaving = false;
if (credential) {
this.credentialId = credential.id;
this.currentCredential = credential;
if (this.isCredentialTestable) {
this.isTesting = true;

8
packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue
View file

@ -72,7 +72,11 @@
</template>
<script lang="ts">
import type { ICredentialsResponse, IUserListAction } from '@/Interface';
import type {
ICredentialsResponse,
ICredentialsDecryptedResponse,
IUserListAction,
} from '@/Interface';
import { defineComponent } from 'vue';
import type { PropType } from 'vue';
import { useMessage } from '@/composables/useMessage';
@ -101,7 +105,7 @@ export default defineComponent({
},
props: {
credential: {
type: Object as PropType<ICredentialsResponse | null>,
type: Object as PropType<ICredentialsResponse | ICredentialsDecryptedResponse | null>,
default: null,
},
credentialId: {