mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-20 19:32:15 +00:00
test: Credential test migration part 1 (#19420)
This commit is contained in:
Declan Carroll
362
packages/testing/playwright/tests/ui/2-credentials.spec.ts
Normal file
362
packages/testing/playwright/tests/ui/2-credentials.spec.ts
Normal file
@@ -0,0 +1,362 @@
|
||||
import { nanoid } from 'nanoid';
|
||||
|
||||
import { test, expect } from '../../fixtures/base';
|
||||
|
||||
test.describe('Credentials', () => {
|
||||
test.beforeEach(async ({ n8n }) => {
|
||||
await n8n.goHome();
|
||||
});
|
||||
|
||||
test('should create a new credential using empty state', async ({ n8n }) => {
|
||||
const projectId = await n8n.start.fromNewProject();
|
||||
const credentialName = `My awesome Notion account ${nanoid()}`;
|
||||
|
||||
await n8n.credentialsComposer.createFromList(
|
||||
'Notion API',
|
||||
{ apiKey: '1234567890' },
|
||||
{ name: credentialName, projectId },
|
||||
);
|
||||
|
||||
await expect(n8n.credentials.credentialCards).toHaveCount(1);
|
||||
await expect(n8n.credentials.getCredentialByName(credentialName)).toBeVisible();
|
||||
});
|
||||
|
||||
test('should sort credentials', async ({ n8n, api }) => {
|
||||
const projectId = await n8n.start.fromNewProject();
|
||||
const credentialA = `A Credential ${nanoid()}`;
|
||||
const credentialZ = `Z Credential ${nanoid()}`;
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: credentialA,
|
||||
type: 'notionApi',
|
||||
data: { apiKey: '1234567890' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: credentialZ,
|
||||
type: 'trelloApi',
|
||||
data: { apiKey: 'test_api_key', apiToken: 'test_api_token' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await n8n.navigate.toCredentials(projectId);
|
||||
await n8n.credentials.clearSearch();
|
||||
await n8n.credentials.sortByNameDescending();
|
||||
|
||||
const firstCardDescending = n8n.credentials.credentialCards.first();
|
||||
await expect(firstCardDescending).toContainText(credentialZ);
|
||||
|
||||
await n8n.credentials.sortByNameAscending();
|
||||
|
||||
const firstCardAscending = n8n.credentials.credentialCards.first();
|
||||
await expect(firstCardAscending).toContainText(credentialA);
|
||||
});
|
||||
|
||||
test('should create credentials from NDV for node with multiple auth options', async ({
|
||||
n8n,
|
||||
}) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `My Google OAuth2 Account ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Gmail', { action: 'Send a message' });
|
||||
|
||||
await n8n.ndv.clickCreateNewCredential();
|
||||
|
||||
await expect(
|
||||
n8n.canvas.credentialModal
|
||||
.getModal()
|
||||
.getByTestId('node-auth-type-selector')
|
||||
.locator('label.el-radio'),
|
||||
).toHaveCount(2);
|
||||
|
||||
await n8n.canvas.credentialModal
|
||||
.getModal()
|
||||
.getByTestId('node-auth-type-selector')
|
||||
.locator('label.el-radio')
|
||||
.first()
|
||||
.click();
|
||||
|
||||
await n8n.canvas.credentialModal.addCredential(
|
||||
{
|
||||
clientId: 'test_client_id',
|
||||
clientSecret: 'test_client_secret',
|
||||
},
|
||||
{ name: credentialName },
|
||||
);
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
});
|
||||
|
||||
test('should show multiple credential types in the same dropdown', async ({ n8n, api }) => {
|
||||
const projectId = await n8n.start.fromNewProjectBlankCanvas();
|
||||
const serviceAccountCredentialName2 = `OAuth2 Credential ${nanoid()}`;
|
||||
const serviceAccountCredentialName = `Service Account Credential ${nanoid()}`;
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: serviceAccountCredentialName2,
|
||||
type: 'googleApi',
|
||||
data: { email: 'test@service.com', privateKey: 'test_key' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: serviceAccountCredentialName,
|
||||
type: 'googleApi',
|
||||
data: { email: 'test@service.com', privateKey: 'test_key' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Gmail', { action: 'Send a message' });
|
||||
|
||||
await n8n.ndv.getCredentialSelect().click();
|
||||
await expect(n8n.ndv.getCredentialOptionByText(serviceAccountCredentialName2)).toBeVisible();
|
||||
await expect(n8n.ndv.getCredentialOptionByText(serviceAccountCredentialName)).toBeVisible();
|
||||
await expect(n8n.ndv.credentialDropdownCreateNewCredential()).toBeVisible();
|
||||
await expect(n8n.ndv.getCredentialDropdownOptions()).toHaveCount(2);
|
||||
});
|
||||
|
||||
test('should correctly render required and optional credentials', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
|
||||
await n8n.canvas.addNode('Pipedrive', { trigger: 'On new Pipedrive event' });
|
||||
await n8n.ndv.selectOptionInParameterDropdown('incomingAuthentication', 'Basic Auth');
|
||||
await expect(n8n.ndv.getNodeCredentialsSelect()).toHaveCount(2);
|
||||
|
||||
await n8n.ndv.clickCreateNewCredential(0);
|
||||
await expect(
|
||||
n8n.canvas.credentialModal
|
||||
.getModal()
|
||||
.getByTestId('node-auth-type-selector')
|
||||
.locator('label.el-radio'),
|
||||
).toHaveCount(2);
|
||||
await n8n.canvas.credentialModal.close();
|
||||
|
||||
await n8n.ndv.clickCreateNewCredential(1);
|
||||
await expect(n8n.canvas.credentialModal.getModal()).toBeVisible();
|
||||
await expect(n8n.canvas.credentialModal.getAuthMethodSelector()).toBeHidden();
|
||||
await n8n.canvas.credentialModal.close();
|
||||
});
|
||||
|
||||
test('should create credentials from NDV for node with no auth options', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `My Trello Account ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Trello', { action: 'Create a card' });
|
||||
|
||||
await n8n.credentialsComposer.createFromNdv(
|
||||
{
|
||||
apiKey: 'test_api_key',
|
||||
apiToken: 'test_api_token',
|
||||
},
|
||||
{ name: credentialName },
|
||||
);
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
});
|
||||
|
||||
test('should delete credentials from NDV', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `Notion Credential ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Notion', { action: 'Append a block' });
|
||||
|
||||
await n8n.credentialsComposer.createFromNdv({ apiKey: '1234567890' }, { name: credentialName });
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
|
||||
await n8n.canvas.credentialModal.editCredential();
|
||||
await n8n.canvas.credentialModal.deleteCredential();
|
||||
await n8n.canvas.credentialModal.confirmDelete();
|
||||
|
||||
await expect(
|
||||
n8n.notifications.getNotificationByTitleOrContent('Credential deleted'),
|
||||
).toBeVisible();
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).not.toHaveValue(credentialName);
|
||||
});
|
||||
|
||||
test('should rename credentials from NDV', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const initialName = `My Trello Account ${nanoid()}`;
|
||||
const renamedName = `Something else ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Trello', { action: 'Create a card' });
|
||||
|
||||
await n8n.credentialsComposer.createFromNdv(
|
||||
{
|
||||
apiKey: 'test_api_key',
|
||||
apiToken: 'test_api_token',
|
||||
},
|
||||
{ name: initialName },
|
||||
);
|
||||
|
||||
await n8n.canvas.credentialModal.editCredential();
|
||||
await n8n.canvas.credentialModal.renameCredential(renamedName);
|
||||
await n8n.canvas.credentialModal.save();
|
||||
await n8n.canvas.credentialModal.close();
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(renamedName);
|
||||
});
|
||||
|
||||
test('should edit credential for non-standard credential type', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const initialName = `Adalo Credential ${nanoid()}`;
|
||||
const editedName = `Something else ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('AI Agent', { closeNDV: true });
|
||||
await n8n.canvas.addNode('HTTP Request Tool');
|
||||
|
||||
await n8n.ndv.selectOptionInParameterDropdown('authentication', 'Predefined Credential Type');
|
||||
await n8n.ndv.selectOptionInParameterDropdown('nodeCredentialType', 'Adalo API');
|
||||
|
||||
await n8n.credentialsComposer.createFromNdv(
|
||||
{
|
||||
apiKey: 'test_adalo_key',
|
||||
appId: 'test_app_id',
|
||||
},
|
||||
{ name: initialName },
|
||||
);
|
||||
|
||||
await n8n.canvas.credentialModal.editCredential();
|
||||
await n8n.canvas.credentialModal.renameCredential(editedName);
|
||||
await n8n.canvas.credentialModal.save();
|
||||
await n8n.canvas.credentialModal.close();
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(editedName);
|
||||
});
|
||||
|
||||
test('should set a default credential when adding nodes', async ({ n8n, api }) => {
|
||||
const projectId = await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `My awesome Notion account ${nanoid()}`;
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: credentialName,
|
||||
type: 'notionApi',
|
||||
data: { apiKey: '1234567890' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Notion', { action: 'Append a block' });
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
|
||||
const credentials = await api.credentialApi.getCredentials();
|
||||
const credential = credentials.find((c) => c.name === credentialName);
|
||||
await api.credentialApi.deleteCredential(credential!.id);
|
||||
});
|
||||
|
||||
test('should set a default credential when editing a node', async ({ n8n, api }) => {
|
||||
const projectId = await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `My awesome Notion account ${nanoid()}`;
|
||||
|
||||
await api.credentialApi.createCredential({
|
||||
name: credentialName,
|
||||
type: 'notionApi',
|
||||
data: { apiKey: '1234567890' },
|
||||
projectId,
|
||||
});
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('HTTP Request');
|
||||
|
||||
await n8n.ndv.selectOptionInParameterDropdown('authentication', 'Predefined Credential Type');
|
||||
await n8n.ndv.selectOptionInParameterDropdown('nodeCredentialType', 'Notion API');
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
|
||||
const credentials = await api.credentialApi.getCredentials();
|
||||
const credential = credentials.find((c) => c.name === credentialName);
|
||||
await api.credentialApi.deleteCredential(credential!.id);
|
||||
});
|
||||
|
||||
test('should setup generic authentication for HTTP node', async ({ n8n }) => {
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
const credentialName = `Query Auth Credential ${nanoid()}`;
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('HTTP Request');
|
||||
|
||||
await n8n.ndv.selectOptionInParameterDropdown('authentication', 'Generic Credential Type');
|
||||
await n8n.ndv.selectOptionInParameterDropdown('genericAuthType', 'Query Auth');
|
||||
|
||||
await n8n.credentialsComposer.createFromNdv(
|
||||
{
|
||||
name: 'api_key',
|
||||
value: 'test_query_value',
|
||||
},
|
||||
{ name: credentialName },
|
||||
);
|
||||
|
||||
await expect(n8n.ndv.getCredentialSelect()).toHaveValue(credentialName);
|
||||
});
|
||||
|
||||
test('should not show OAuth redirect URL section when OAuth2 credentials are overridden', async ({
|
||||
n8n,
|
||||
page,
|
||||
}) => {
|
||||
// Mock credential types response to simulate admin override
|
||||
await page.route('**/rest/types/credentials.json', async (route) => {
|
||||
const response = await route.fetch();
|
||||
const json = await response.json();
|
||||
|
||||
// Override Slack OAuth2 credential properties
|
||||
if (json.slackOAuth2Api) {
|
||||
json.slackOAuth2Api.__overwrittenProperties = ['clientId', 'clientSecret'];
|
||||
}
|
||||
|
||||
await route.fulfill({ json });
|
||||
});
|
||||
|
||||
await n8n.start.fromNewProjectBlankCanvas();
|
||||
|
||||
await n8n.canvas.addNode('Manual Trigger');
|
||||
await n8n.canvas.addNode('Slack', { action: 'Get a channel' });
|
||||
|
||||
await n8n.ndv.clickCreateNewCredential();
|
||||
|
||||
await n8n.canvas.credentialModal
|
||||
.getModal()
|
||||
.getByTestId('node-auth-type-selector')
|
||||
.locator('label.el-radio')
|
||||
.first()
|
||||
.click();
|
||||
|
||||
await expect(n8n.canvas.credentialModal.getOAuthRedirectUrl()).toBeHidden();
|
||||
await expect(n8n.canvas.credentialModal.getModal()).toBeVisible();
|
||||
});
|
||||
|
||||
test('ADO-2583 should show notifications above credential modal overlay', async ({
|
||||
n8n,
|
||||
page,
|
||||
}) => {
|
||||
await page.route('**/rest/credentials', async (route) => {
|
||||
if (route.request().method() === 'POST') {
|
||||
await route.abort('failed');
|
||||
} else {
|
||||
await route.continue();
|
||||
}
|
||||
});
|
||||
|
||||
const projectId = await n8n.start.fromNewProject();
|
||||
await n8n.navigate.toCredentials(projectId);
|
||||
await n8n.credentials.addResourceButton.click();
|
||||
await n8n.credentials.actionCredentialButton.click();
|
||||
await n8n.credentials.selectCredentialType('Notion API');
|
||||
await n8n.canvas.credentialModal.fillField('apiKey', '1234567890');
|
||||
|
||||
const saveBtn = n8n.canvas.credentialModal.getSaveButton();
|
||||
await saveBtn.click();
|
||||
|
||||
const errorNotification = page.locator('.el-notification:has(.el-notification--error)');
|
||||
await expect(errorNotification).toBeVisible();
|
||||
await expect(n8n.canvas.credentialModal.getModal()).toBeVisible();
|
||||
|
||||
const modalOverlay = page.locator('.el-overlay').first();
|
||||
await expect(errorNotification).toHaveCSS('z-index', '2100');
|
||||
await expect(modalOverlay).toHaveCSS('z-index', '2001');
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user