alighasami
3d5eaf9445
Security: Sync from Public / sync-from-public (push) Has been cancelled
Test: Benchmark Nightly / build (push) Has been cancelled
Test: Benchmark Nightly / Notify Cats on failure (push) Has been cancelled
CI: Python / Checks (push) Has been cancelled
Test: Evals Python / Workflow Comparison Python (push) Has been cancelled
Util: Check Docs URLs / check-docs-urls (push) Has been cancelled
Test: Visual Storybook / Cloudflare Pages (push) Has been cancelled
Test: E2E Performance / build-and-test-performance (push) Has been cancelled
Test: Workflows Nightly / Run Workflow Tests (push) Has been cancelled
Util: Cleanup CI Docker Images / Delete stale CI images (push) Has been cancelled
Test: Benchmark Destroy Env / build (push) Has been cancelled
Util: Update Node Popularity / update-popularity (push) Has been cancelled
Test: E2E Coverage Weekly / Coverage Tests (push) Has been cancelled
97 lines
3.0 KiB
TypeScript
97 lines
3.0 KiB
TypeScript
import { readFileSync } from 'fs';
|
|
|
|
import { test, expect } from '../../../fixtures/base';
|
|
import type { TestRequirements } from '../../../Types';
|
|
import { resolveFromRoot } from '../../../utils/path-helper';
|
|
|
|
test.use({ capability: { env: { TEST_ISOLATION: 'template-setup-experiment' } } });
|
|
|
|
const TEMPLATE_HOSTNAME = 'custom.template.host';
|
|
const TEMPLATE_HOST = `https://${TEMPLATE_HOSTNAME}/api`;
|
|
const TEMPLATE_ID = 1205;
|
|
|
|
const testTemplate = JSON.parse(
|
|
readFileSync(resolveFromRoot('workflows', 'Test_Template_1.json'), 'utf8'),
|
|
);
|
|
|
|
function createTemplateRequirements(): TestRequirements {
|
|
return {
|
|
storage: {
|
|
N8N_EXPERIMENT_OVERRIDES: JSON.stringify({
|
|
'055_template_setup_experience': 'variant',
|
|
'069_setup_panel': 'control',
|
|
}),
|
|
},
|
|
config: {
|
|
settings: {
|
|
templates: {
|
|
enabled: true,
|
|
host: TEMPLATE_HOST,
|
|
},
|
|
},
|
|
},
|
|
intercepts: {
|
|
health: {
|
|
url: `${TEMPLATE_HOST}/health`,
|
|
response: { status: 'OK' },
|
|
},
|
|
categories: {
|
|
url: `${TEMPLATE_HOST}/templates/categories`,
|
|
response: { categories: [] },
|
|
},
|
|
getTemplatePreview: {
|
|
url: `${TEMPLATE_HOST}/templates/workflows/${TEMPLATE_ID}`,
|
|
response: testTemplate,
|
|
},
|
|
getTemplate: {
|
|
url: `${TEMPLATE_HOST}/workflows/templates/${TEMPLATE_ID}`,
|
|
response: {
|
|
id: TEMPLATE_ID,
|
|
name: testTemplate.workflow.name,
|
|
workflow: testTemplate.workflow.workflow,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
test.describe('Template credentials setup @db:reset', {
|
|
annotation: [
|
|
{ type: 'owner', description: 'Adore' },
|
|
],
|
|
}, () => {
|
|
test.beforeEach(async ({ setupRequirements, n8n }) => {
|
|
await setupRequirements(createTemplateRequirements());
|
|
await n8n.goHome();
|
|
});
|
|
|
|
test('Should take users to canvas when importing template', async ({ n8n }) => {
|
|
await n8n.navigate.toTemplateCredentialSetup(TEMPLATE_ID);
|
|
await expect(n8n.canvas.getLoadingMask()).toBeHidden({ timeout: 30000 });
|
|
|
|
await expect(n8n.page).toHaveURL(/\/workflow\/.+\?templateId=.+&new=true/);
|
|
await expect(n8n.canvas.getCanvasNodes()).toHaveCount(3);
|
|
await expect(n8n.templateCredentialSetup.getCanvasSetupButton()).toBeVisible();
|
|
});
|
|
|
|
test('Loads template setup modal correctly', async ({ n8n }) => {
|
|
await n8n.navigate.toTemplateCredentialSetup(TEMPLATE_ID);
|
|
await expect(n8n.canvas.getLoadingMask()).toBeHidden({ timeout: 30000 });
|
|
|
|
await expect(n8n.page).toHaveURL(/\/workflow\/.+\?templateId=.+&new=true/);
|
|
await expect(n8n.canvas.getCanvasNodes()).toHaveCount(3);
|
|
|
|
await expect(n8n.templateCredentialSetup.getCanvasSetupButton()).toBeVisible();
|
|
|
|
// Open modal via button click
|
|
await n8n.templateCredentialSetup.getCanvasSetupButton().click();
|
|
await expect(n8n.templateCredentialSetup.getCanvasCredentialModal()).toBeVisible();
|
|
|
|
const modalSteps = n8n.templateCredentialSetup.getSetupCredentialModalSteps();
|
|
await expect(modalSteps).toHaveCount(3);
|
|
await expect(modalSteps.nth(0)).toContainText('Shopify');
|
|
await expect(modalSteps.nth(1)).toContainText('X (Formerly Twitter)');
|
|
await expect(modalSteps.nth(2)).toContainText('Telegram');
|
|
});
|
|
});
|