admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-16 09:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: Refactor page objects and reuse locators (#19191)

Browse Source
This commit is contained in:
Suguru Inoue
2025-09-08 11:12:43 +02:00
committed by GitHub
parent 89b61ae2c1
commit 8f99f092ff
19 changed files with 530 additions and 575 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/editor-ui/src/features/logs/components/LogsPanel.vue
View File

@@ -139,7 +139,7 @@ function handleChangeOutputTableColumnCollapsing(columnName: string | null) {
</script>
<template>
<div ref="popOutContainer">
<div ref="popOutContainer" data-test-id="logs-panel">
<!-- force re-create with key for shortcuts to work in pop-out window -->
<LogsViewKeyboardEventListener
:key="String(!!popOutWindow)"

22
packages/testing/playwright/pages/CanvasPage.ts
View File

@@ -4,10 +4,12 @@ import { nanoid } from 'nanoid';
import { BasePage } from './BasePage';
import { ROUTES } from '../config/constants';
import { resolveFromRoot } from '../utils/path-helper';
import { LogsPanel } from './components/LogsPanel';
import { StickyComponent } from './components/StickyComponent';
export class CanvasPage extends BasePage {
readonly sticky = new StickyComponent(this.page);
readonly logsPanel = new LogsPanel(this.page.getByTestId('logs-panel'));
saveWorkflowButton(): Locator {
return this.page.getByRole('button', { name: 'Save' });
@@ -535,22 +537,6 @@ export class CanvasPage extends BasePage {
await this.clickContextMenuAction('execute');
}
async clearExecutionData(): Promise<void> {
await this.page.getByTestId('clear-execution-data-button').click();
}
getManualChatModal(): Locator {
return this.page.getByTestId('canvas-chat');
}
getManualChatInput(): Locator {
return this.getManualChatModal().locator('.chat-inputs textarea');
}
getManualChatMessages(): Locator {
return this.getManualChatModal().locator('.chat-messages-list .chat-message');
}
getNodesWithSpinner(): Locator {
return this.page.getByTestId('canvas-node').filter({
has: this.page.locator('[data-icon=refresh-cw]'),
@@ -563,10 +549,6 @@ export class CanvasPage extends BasePage {
});
}
async sendManualChatMessage(message: string): Promise<void> {
await this.getManualChatInput().fill(message);
await this.getManualChatModal().locator('.chat-input-send-button').click();
}
/**
* Get all currently selected nodes on the canvas
*/

15
packages/testing/playwright/pages/ExecutionsPage.ts
View File

@@ -1,8 +1,11 @@
import type { Locator } from '@playwright/test';
import { BasePage } from './BasePage';
import { LogsPanel } from './components/LogsPanel';
export class ExecutionsPage extends BasePage {
readonly logsPanel = new LogsPanel(this.getPreviewIframe().getByTestId('logs-panel'));
async clickDebugInEditorButton(): Promise<void> {
await this.clickButtonByName('Debug in editor');
}
@@ -28,18 +31,6 @@ export class ExecutionsPage extends BasePage {
return this.page.getByTestId('workflow-preview-iframe').contentFrame();
}
getManualChatMessages(): Locator {
return this.getPreviewIframe().locator('.chat-messages-list .chat-message');
}
getLogsOverviewStatus() {
return this.getPreviewIframe().getByTestId('logs-overview-status');
}
getLogEntries(): Locator {
return this.getPreviewIframe().getByTestId('logs-overview-body').getByRole('treeitem');
}
async clickLastExecutionItem(): Promise<void> {
const executionItem = this.getLastExecutionItem();
await executionItem.click();

92
packages/testing/playwright/pages/LogsPage.ts
View File

@@ -1,92 +0,0 @@
import type { Locator, Page } from '@playwright/test';
import { BasePage } from './BasePage';
export class LogsPage extends BasePage {
constructor(page: Page) {
super(page);
}
/**
* Accessors
*/
getOverviewStatus(): Locator {
return this.page.getByTestId('logs-overview-status');
}
getClearExecutionButton(): Locator {
return this.page
.getByTestId('logs-overview-header')
.locator('button')
.filter({ hasText: 'Clear execution' });
}
getLogEntries(): Locator {
return this.page.getByTestId('logs-overview-body').getByRole('treeitem');
}
getSelectedLogEntry(): Locator {
return this.page.getByTestId('logs-overview-body').getByRole('treeitem', { selected: true });
}
getInputPanel(): Locator {
return this.page.getByTestId('log-details-input');
}
getInputTableRows(): Locator {
return this.getInputPanel().locator('table tr');
}
getInputTbodyCell(row: number, col: number): Locator {
return this.getInputPanel().locator('table tbody tr').nth(row).locator('td').nth(col);
}
getNodeErrorMessageHeader(): Locator {
return this.getOutputPanel().getByTestId('node-error-message');
}
getOutputPanel(): Locator {
return this.page.getByTestId('log-details-output');
}
getOutputTbodyCell(row: number, col: number): Locator {
return this.getOutputPanel().locator('table tbody tr').nth(row).locator('td').nth(col);
}
/**
* Actions
*/
async openLogsPanel(): Promise<void> {
await this.page.getByTestId('logs-overview-header').click();
}
async clickLogEntryAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).click();
}
async toggleInputPanel(): Promise<void> {
await this.page.getByTestId('log-details-header').getByText('Input').click();
}
async clickOpenNdvAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).hover();
await this.getLogEntries().nth(rowIndex).getByLabel('Open...').click();
}
async clickTriggerPartialExecutionAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).hover();
await this.getLogEntries().nth(rowIndex).getByLabel('Execute step').click();
}
async setInputDisplayMode(mode: 'table' | 'ai' | 'json' | 'schema'): Promise<void> {
await this.getInputPanel().hover();
await this.getInputPanel().getByTestId(`radio-button-${mode}`).click();
}
async setOutputDisplayMode(mode: 'table' | 'ai' | 'json' | 'schema'): Promise<void> {
await this.getOutputPanel().hover();
await this.getOutputPanel().getByTestId(`radio-button-${mode}`).click();
}
}

193
packages/testing/playwright/pages/NodeDetailsViewPage.ts
View File

@@ -2,12 +2,15 @@ import type { Page } from '@playwright/test';
import { expect } from '@playwright/test';
import { BasePage } from './BasePage';
import { RunDataPanel } from './components/RunDataPanel';
import { NodeParameterHelper } from '../helpers/NodeParameterHelper';
import { EditFieldsNode } from './nodes/EditFieldsNode';
export class NodeDetailsViewPage extends BasePage {
readonly setupHelper: NodeParameterHelper;
readonly editFields: EditFieldsNode;
readonly inputPanel = new RunDataPanel(this.page.getByTestId('ndv-input-panel'));
readonly outputPanel = new RunDataPanel(this.page.getByTestId('output-panel'));
constructor(page: Page) {
super(page);
@@ -49,18 +52,10 @@ export class NodeDetailsViewPage extends BasePage {
await this.clickByTestId('node-execute-button');
}
getOutputPanel() {
return this.page.getByTestId('output-panel');
}
getContainer() {
return this.page.getByTestId('ndv');
}
getInputPanel() {
return this.page.getByTestId('ndv-input-panel');
}
getParameterExpressionPreviewValue() {
return this.page.getByTestId('parameter-expression-preview-value');
}
@@ -82,47 +77,15 @@ export class NodeDetailsViewPage extends BasePage {
return this.page.getByTestId('ndv-edit-pinned-data');
}
getPinDataButton() {
return this.getOutputPanel().getByTestId('ndv-pin-data');
}
getRunDataPaneHeader() {
return this.page.getByTestId('run-data-pane-header');
}
getOutputTable() {
return this.getOutputPanel().getByTestId('ndv-data-container').locator('table');
}
getOutputDataContainer() {
return this.getOutputPanel().getByTestId('ndv-data-container');
}
getOutputTableRows() {
return this.getOutputTable().locator('tr');
}
getOutputTableHeaders() {
return this.getOutputTable().locator('thead th');
}
getOutputTableRow(row: number) {
return this.getOutputTableRows().nth(row);
}
getOutputTableCell(row: number, col: number) {
return this.getOutputTableRow(row).locator('td').nth(col);
}
getOutputTbodyCell(row: number, col: number) {
return this.getOutputTable().locator('tbody tr').nth(row).locator('td').nth(col);
}
async setPinnedData(data: object | string) {
const pinnedData = typeof data === 'string' ? data : JSON.stringify(data);
await this.getEditPinnedDataButton().click();
const editor = this.getOutputPanel().locator('[contenteditable="true"]');
const editor = this.outputPanel.get().locator('[contenteditable="true"]');
await editor.waitFor();
await editor.click();
await editor.fill(pinnedData);
@@ -133,7 +96,7 @@ export class NodeDetailsViewPage extends BasePage {
async pastePinnedData(data: object) {
await this.getEditPinnedDataButton().click();
const editor = this.getOutputPanel().locator('[contenteditable="true"]');
const editor = this.outputPanel.get().locator('[contenteditable="true"]');
await editor.waitFor();
await editor.click();
await editor.fill('');
@@ -400,64 +363,16 @@ export class NodeDetailsViewPage extends BasePage {
}
}
async switchInputMode(mode: 'Schema' | 'Table' | 'JSON' | 'Binary'): Promise<void> {
await this.getInputPanel().getByRole('radio', { name: mode }).click();
}
async switchOutputMode(mode: 'Schema' | 'Table' | 'JSON' | 'Binary'): Promise<void> {
await this.getOutputPanel().getByRole('radio', { name: mode }).click();
}
getAssignmentCollectionContainer(paramName: string) {
return this.page.getByTestId(`assignment-collection-${paramName}`);
}
getJsonDataContainer() {
return this.getInputPanel().locator('.json-data');
}
getInputJsonProperty(propertyName: string) {
return this.getInputPanel()
.locator('.json-data')
.locator('span')
.filter({ hasText: new RegExp(`^"${propertyName}"$`) })
.first();
}
getInputJsonPropertyContaining(text: string) {
return this.getInputPanel()
.locator('.json-data')
.locator('span')
.filter({ hasText: `"${text}"` })
.first();
}
getInputSchemaItem(text: string) {
return this.getInputPanel()
.getByTestId('run-data-schema-item')
.locator('span')
.filter({ hasText: new RegExp(`^${text}$`) })
.first();
}
getNodeInputOptions() {
return this.getInputPanel().getByTestId('ndv-input-select');
}
async selectInputNode(nodeName: string) {
const inputSelect = this.getNodeInputOptions();
const inputSelect = this.inputPanel.getNodeInputOptions();
await inputSelect.click();
await this.page.getByRole('option', { name: nodeName }).click();
}
getInputTableHeader(index: number = 0) {
return this.getInputPanel().locator('table th').nth(index);
}
getInputTbodyCell(row: number, col: number) {
return this.getInputPanel().locator('table tbody tr').nth(row).locator('td').nth(col);
}
getAssignmentName(paramName: string, index = 0) {
return this.getAssignmentCollectionContainer(paramName)
.getByTestId('assignment')
@@ -542,14 +457,6 @@ export class NodeDetailsViewPage extends BasePage {
await input.type(content);
}
getInputTable() {
return this.getInputPanel().locator('table');
}
getInputTableCellSpan(row: number, col: number, dataName: string) {
return this.getInputTbodyCell(row, col).locator(`span[data-name="${dataName}"]`).first();
}
getAddFieldToSortByButton() {
return this.getNodeParameters().getByText('Add Field To Sort By');
}
@@ -562,7 +469,7 @@ export class NodeDetailsViewPage extends BasePage {
}
getOutputPagination() {
return this.getOutputPanel().getByTestId('ndv-data-pagination');
return this.outputPanel.get().getByTestId('ndv-data-pagination');
}
getOutputPaginationPages() {
@@ -580,10 +487,6 @@ export class NodeDetailsViewPage extends BasePage {
return parseInt(pageText ?? '1', 10);
}
async getOutputPageContent(row: number = 0, col: number = 0): Promise<string> {
return (await this.getOutputTbodyCell(row, col).textContent()) ?? '';
}
async setParameterInputValue(parameterName: string, value: string): Promise<void> {
const input = this.getParameterInput(parameterName).locator('input');
await input.clear();
@@ -598,32 +501,8 @@ export class NodeDetailsViewPage extends BasePage {
return this.page.getByTestId('node-error-description');
}
getInputRunSelector() {
return this.getInputPanel().getByTestId('run-selector');
}
getOutputRunSelector() {
return this.getOutputPanel().getByTestId('run-selector');
}
async toggleOutputRunLinking() {
await this.getOutputPanel().getByTestId('link-run').click();
}
async toggleInputRunLinking() {
await this.getInputPanel().getByTestId('link-run').click();
}
getOutputLinkRun() {
return this.getOutputPanel().getByTestId('link-run');
}
getInputLinkRun() {
return this.getInputPanel().getByTestId('link-run');
}
async isOutputRunLinkingEnabled() {
const linkButton = this.getOutputLinkRun();
const linkButton = this.outputPanel.getLinkRun();
const classList = await linkButton.getAttribute('class');
return classList?.includes('linked') ?? false;
}
@@ -631,51 +510,35 @@ export class NodeDetailsViewPage extends BasePage {
async ensureOutputRunLinking(shouldBeLinked: boolean = true) {
const isLinked = await this.isOutputRunLinkingEnabled();
if (isLinked !== shouldBeLinked) {
await this.toggleOutputRunLinking();
await this.outputPanel.getLinkRun().click();
}
}
async changeInputRunSelector(value: string) {
const selector = this.getInputRunSelector();
const selector = this.inputPanel.getRunSelector();
await selector.click();
await this.page.getByRole('option', { name: value }).click();
}
async changeOutputRunSelector(value: string) {
const selector = this.getOutputRunSelector();
const selector = this.outputPanel.getRunSelector();
await selector.click();
await this.page.getByRole('option', { name: value }).click();
}
async getInputRunSelectorValue() {
return await this.getInputRunSelector().locator('input').inputValue();
return await this.inputPanel.getRunSelectorInput().inputValue();
}
async getOutputRunSelectorValue() {
return await this.getOutputRunSelector().locator('input').inputValue();
}
getOutputDisplayMode() {
return this.getOutputPanel().getByTestId('ndv-output-display-mode');
}
getSchemaViewItems() {
return this.getOutputPanel().locator('[data-test-id="run-data-schema-item"]');
}
getSchemaItem(key: string) {
return this.getSchemaViewItems().filter({ hasText: key });
return await this.outputPanel.getRunSelectorInput().inputValue();
}
async expandSchemaItem(itemText: string) {
const item = this.getSchemaItem(itemText);
const item = this.outputPanel.getSchemaItem(itemText);
await item.locator('.toggle').click();
}
getPaginationContainer() {
return this.getOutputPanel().locator('[class*="_pagination"]');
}
getExecuteNodeButton() {
return this.page.getByTestId('node-execute-button');
}
@@ -724,34 +587,18 @@ export class NodeDetailsViewPage extends BasePage {
return this.page.getByTestId('node-version');
}
getOutputSearchInput() {
return this.getOutputPanel().getByTestId('ndv-search');
}
getInputSearchInput() {
return this.getInputPanel().getByTestId('ndv-search');
}
async searchOutputData(searchTerm: string) {
const searchInput = this.getOutputSearchInput();
const searchInput = this.outputPanel.getSearchInput();
await searchInput.click();
await searchInput.fill(searchTerm);
}
async searchInputData(searchTerm: string) {
const searchInput = this.getInputSearchInput();
const searchInput = this.inputPanel.getSearchInput();
await searchInput.click();
await searchInput.fill(searchTerm);
}
getOutputItemsCount() {
return this.getOutputPanel().getByTestId('ndv-items-count');
}
getInputItemsCount() {
return this.getInputPanel().getByTestId('ndv-items-count');
}
/**
* Type multiple values into the first available text parameter field
* Useful for testing multiple parameter changes
@@ -878,12 +725,4 @@ export class NodeDetailsViewPage extends BasePage {
getInputSelect() {
return this.page.getByTestId('ndv-input-select').locator('input');
}
getInputTableRows() {
return this.getInputTable().locator('tr');
}
getOutputRunSelectorInput() {
return this.getOutputPanel().locator('[data-test-id="run-selector"] input');
}
}

92
packages/testing/playwright/pages/components/LogsPanel.ts Normal file
View File

@@ -0,0 +1,92 @@
import type { Locator } from '@playwright/test';
import { RunDataPanel } from './RunDataPanel';
/**
* Page object for the log view with configurable root element.
*
* @example
* // Include in a page
* class ExamplePage {
* readonly logsPanel = new LogsPanel(this.page.getByTestId('logs-panel'));
* }
*
* // Usage in a test
* await expect(n8n.example.logsPage.getLogEntries()).toHaveCount(2);
*/
export class LogsPanel {
readonly inputPanel = new RunDataPanel(this.root.getByTestId('log-details-input'));
readonly outputPanel = new RunDataPanel(this.root.getByTestId('log-details-output'));
constructor(private root: Locator) {}
/**
* Accessors
*/
getOverviewStatus(): Locator {
return this.root.getByTestId('logs-overview-status');
}
getClearExecutionButton(): Locator {
return this.root
.getByTestId('logs-overview-header')
.locator('button')
.filter({ hasText: 'Clear execution' });
}
getLogEntries(): Locator {
return this.root.getByTestId('logs-overview-body').getByRole('treeitem');
}
getSelectedLogEntry(): Locator {
return this.root.getByTestId('logs-overview-body').getByRole('treeitem', { selected: true });
}
getManualChatModal(): Locator {
return this.root.getByTestId('canvas-chat');
}
getManualChatInput(): Locator {
return this.getManualChatModal().locator('.chat-inputs textarea');
}
getManualChatMessages(): Locator {
return this.getManualChatModal().locator('.chat-messages-list .chat-message');
}
/**
* Actions
*/
async open(): Promise<void> {
await this.root.getByTestId('logs-overview-header').click();
}
async clickLogEntryAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).click();
}
async toggleInputPanel(): Promise<void> {
await this.root.getByTestId('log-details-header').getByText('Input').click();
}
async clickOpenNdvAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).hover();
await this.getLogEntries().nth(rowIndex).getByLabel('Open...').click();
}
async clickTriggerPartialExecutionAtRow(rowIndex: number): Promise<void> {
await this.getLogEntries().nth(rowIndex).hover();
await this.getLogEntries().nth(rowIndex).getByLabel('Execute step').click();
}
async clearExecutionData(): Promise<void> {
await this.root.getByTestId('clear-execution-data-button').click();
}
async sendManualChatMessage(message: string): Promise<void> {
await this.getManualChatInput().fill(message);
await this.getManualChatModal().locator('.chat-input-send-button').click();
}
}

125
packages/testing/playwright/pages/components/RunDataPanel.ts Normal file
View File

@@ -0,0 +1,125 @@
import type { Locator } from '@playwright/test';
/**
* Page object for the run data view with configurable root element.
*
* @example
* // Include in a page
* class ExamplePage {
* readonly runDataPanel = new RunDataPanel(this.page.getByTestId('run-data'));
* }
*
* // Usage in a test
* await n8n.example.runDataPanel.getRunSelector().click();
*/
export class RunDataPanel {
constructor(private root: Locator) {}
get() {
return this.root;
}
getRunSelector() {
return this.root.getByTestId('run-selector');
}
getRunSelectorInput() {
return this.root.locator('[data-test-id="run-selector"] input');
}
getItemsCount() {
return this.root.getByTestId('ndv-items-count');
}
getSearchInput() {
return this.root.getByTestId('ndv-search');
}
getDataContainer() {
return this.root.getByTestId('ndv-data-container');
}
getPinDataButton() {
return this.root.getByTestId('ndv-pin-data');
}
getTable() {
return this.root.locator('table');
}
getTableHeaders() {
return this.root.locator('table th');
}
getTableHeader(index: number) {
return this.root.locator('table th').nth(index);
}
getTableRows() {
return this.root.locator('tr');
}
getTableRow(index: number) {
return this.root.locator('tr').nth(index);
}
getTbodyCell(row: number, col: number) {
return this.root.locator('table tbody tr').nth(row).locator('td').nth(col);
}
getTableCellSpan(row: number, col: number, dataName: string) {
return this.getTbodyCell(row, col).locator(`span[data-name="${dataName}"]`).first();
}
getJsonDataContainer() {
return this.root.locator('.json-data');
}
getJsonProperty(propertyName: string) {
return this.root
.locator('.json-data')
.locator('span')
.filter({ hasText: new RegExp(`^"${propertyName}"$`) })
.first();
}
getJsonPropertyContaining(text: string) {
return this.root
.locator('.json-data')
.locator('span')
.filter({ hasText: `"${text}"` })
.first();
}
getSchemaItems() {
return this.root.getByTestId('run-data-schema-item');
}
getSchemaItem(text: string) {
return this.getSchemaItems().filter({ hasText: text }).first();
}
getSchemaItemText(text: string) {
return this.getSchemaItems().locator('span').filter({ hasText: text }).first();
}
getNodeInputOptions() {
return this.root.getByTestId('ndv-input-select');
}
getLinkRun() {
return this.root.getByTestId('link-run');
}
getNodeErrorMessageHeader(): Locator {
return this.root.getByTestId('node-error-message');
}
async toggleInputRunLinking() {
await this.root.getByTestId('link-run').click();
}
async switchDisplayMode(mode: 'table' | 'ai' | 'json' | 'schema' | 'binary'): Promise<void> {
await this.root.getByTestId(`radio-button-${mode}`).click();
}
}

3
packages/testing/playwright/pages/n8nPage.ts
View File

@@ -8,7 +8,6 @@ import { DemoPage } from './DemoPage';
import { ExecutionsPage } from './ExecutionsPage';
import { IframePage } from './IframePage';
import { InteractionsPage } from './InteractionsPage';
import { LogsPage } from './LogsPage';
import { NodeDetailsViewPage } from './NodeDetailsViewPage';
import { NotificationsPage } from './NotificationsPage';
import { NpsSurveyPage } from './NpsSurveyPage';
@@ -39,7 +38,6 @@ export class n8nPage {
readonly demo: DemoPage;
readonly iframe: IframePage;
readonly interactions: InteractionsPage;
readonly logs: LogsPage;
readonly ndv: NodeDetailsViewPage;
readonly npsSurvey: NpsSurveyPage;
readonly projectSettings: ProjectSettingsPage;
@@ -74,7 +72,6 @@ export class n8nPage {
this.demo = new DemoPage(page);
this.iframe = new IframePage(page);
this.interactions = new InteractionsPage(page);
this.logs = new LogsPage(page);
this.ndv = new NodeDetailsViewPage(page);
this.npsSurvey = new NpsSurveyPage(page);
this.projectSettings = new ProjectSettingsPage(page);

34
packages/testing/playwright/tests/ui/13-pinning.spec.ts
View File

@@ -37,9 +37,9 @@ test.describe('Data pinning', () => {
await n8n.canvas.addNode(NODES.SCHEDULE_TRIGGER);
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
const prevValue = await n8n.ndv.getOutputTbodyCell(0, 0).textContent();
const prevValue = await n8n.ndv.outputPanel.getTbodyCell(0, 0).textContent();
await n8n.ndv.togglePinData();
await n8n.ndv.close();
@@ -48,7 +48,7 @@ test.describe('Data pinning', () => {
await n8n.canvas.clickExecuteWorkflowButton();
await n8n.canvas.openNode(NODES.SCHEDULE_TRIGGER);
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toHaveText(prevValue ?? '');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toHaveText(prevValue ?? '');
});
test('should be able to set custom pinned data', async ({ n8n }) => {
@@ -56,21 +56,21 @@ test.describe('Data pinning', () => {
await n8n.canvas.addNode(NODES.SCHEDULE_TRIGGER);
await expect(n8n.ndv.getEditPinnedDataButton()).toBeVisible();
await expect(n8n.ndv.getPinDataButton()).toBeHidden();
await expect(n8n.ndv.outputPanel.getPinDataButton()).toBeHidden();
await n8n.ndv.setPinnedData([{ test: 1 }]);
await expect(n8n.ndv.getOutputTableRows()).toHaveCount(2);
await expect(n8n.ndv.getOutputTableHeaders()).toHaveCount(2);
await expect(n8n.ndv.getOutputTableHeaders().first()).toContainText('test');
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toContainText('1');
await expect(n8n.ndv.outputPanel.getTableRows()).toHaveCount(2);
await expect(n8n.ndv.outputPanel.getTableHeaders()).toHaveCount(2);
await expect(n8n.ndv.outputPanel.getTableHeaders().first()).toContainText('test');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toContainText('1');
await n8n.ndv.close();
await n8n.canvas.clickSaveWorkflowButton();
await n8n.canvas.openNode(NODES.SCHEDULE_TRIGGER);
await expect(n8n.ndv.getOutputTableHeaders().first()).toContainText('test');
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toContainText('1');
await expect(n8n.ndv.outputPanel.getTableHeaders().first()).toContainText('test');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toContainText('1');
});
test('should display pin data edit button for Webhook node', async ({ n8n }) => {
@@ -92,7 +92,7 @@ test.describe('Data pinning', () => {
await expect(n8n.ndv.getContainer()).toBeVisible();
await expect(n8n.ndv.getEditPinnedDataButton()).toBeVisible();
await expect(n8n.ndv.getPinDataButton()).toBeHidden();
await expect(n8n.ndv.outputPanel.getPinDataButton()).toBeHidden();
await n8n.ndv.setPinnedData([{ test: 1 }]);
await n8n.ndv.close();
@@ -101,8 +101,8 @@ test.describe('Data pinning', () => {
await n8n.canvas.clickSaveWorkflowButton();
await n8n.canvas.openNode('Edit Fields1');
await expect(n8n.ndv.getOutputTableHeaders().first()).toContainText('test');
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toContainText('1');
await expect(n8n.ndv.outputPanel.getTableHeader(0)).toContainText('test');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toContainText('1');
});
});
@@ -125,7 +125,7 @@ test.describe('Data pinning', () => {
await expect(n8n.ndv.getContainer()).toBeVisible();
await expect(n8n.ndv.getEditPinnedDataButton()).toBeVisible();
await expect(n8n.ndv.getPinDataButton()).toBeHidden();
await expect(n8n.ndv.outputPanel.getPinDataButton()).toBeHidden();
const largeData = [{ test: '1'.repeat(maxPinnedDataSize + 1000) }];
await n8n.ndv.setPinnedData(largeData);
@@ -146,7 +146,7 @@ test.describe('Data pinning', () => {
await expect(n8n.ndv.getContainer()).toBeVisible();
await expect(n8n.ndv.getEditPinnedDataButton()).toBeVisible();
await expect(n8n.ndv.getPinDataButton()).toBeHidden();
await expect(n8n.ndv.outputPanel.getPinDataButton()).toBeHidden();
await n8n.ndv.setPinnedData('[ { "name": "First item", "code": 2dsa }]');
@@ -202,8 +202,8 @@ test.describe('Data pinning', () => {
await n8n.canvas.openNode(NODES.END);
await expect(n8n.ndv.getOutputTableRow(1)).toBeVisible();
await expect(n8n.ndv.getOutputTableRow(1)).toContainText('pin-overwritten');
await expect(n8n.ndv.outputPanel.getTableRow(1)).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableRow(1)).toContainText('pin-overwritten');
});
test('should not use pin data in production webhook executions', async ({

4
packages/testing/playwright/tests/ui/1338-ADO-ndv-missing-input-panel.spec.ts
View File

@@ -18,7 +18,7 @@ test.describe('ADO-1338-ndv-missing-input-panel', () => {
);
await n8n.canvas.openNode('Discourse1');
await expect(n8n.ndv.getInputPanel()).toBeVisible();
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.inputPanel.get()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
});
});

68
packages/testing/playwright/tests/ui/14-mapping.spec.ts
View File

@@ -10,14 +10,14 @@ test.describe('Data Mapping', () => {
await n8n.start.fromImportedWorkflow('Test_workflow_3.json');
await n8n.canvas.openNode('Set');
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
await expect(n8n.ndv.getInputTable()).toBeVisible();
await expect(n8n.ndv.inputPanel.getTable()).toBeVisible();
await expect(n8n.ndv.getParameterInputField('name')).toHaveValue('other');
await expect(n8n.ndv.getParameterInputField('value')).toHaveValue('');
const countCell = n8n.ndv.getInputTableCellSpan(0, 0, 'count');
const countCell = n8n.ndv.inputPanel.getTableCellSpan(0, 0, 'count');
await expect(countCell).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -28,35 +28,35 @@ test.describe('Data Mapping', () => {
);
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('0');
await n8n.ndv.getInputTbodyCell(0, 0).hover();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).hover();
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('0');
await n8n.ndv.getInputTbodyCell(1, 0).hover();
await n8n.ndv.inputPanel.getTbodyCell(1, 0).hover();
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('1');
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputTable()).toBeVisible();
await expect(n8n.ndv.outputPanel.getTable()).toBeVisible();
await n8n.ndv.getOutputTbodyCell(0, 0).hover();
await n8n.ndv.outputPanel.getTbodyCell(0, 0).hover();
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('0');
await n8n.ndv.getOutputTbodyCell(1, 0).hover();
await n8n.ndv.outputPanel.getTbodyCell(1, 0).hover();
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('1');
});
});
test('maps expressions from json view', async ({ n8n }) => {
await n8n.start.fromImportedWorkflow('Test_workflow_3.json');
await n8n.canvas.openNode('Set');
await n8n.ndv.switchInputMode('JSON');
await n8n.ndv.inputPanel.switchDisplayMode('json');
const expectedJsonText =
'[{"input": [{"count": 0,"with space": "!!","with.dot": "!!","with"quotes": "!!"}]},{"input": [{"count": 1}]}]';
await expect(n8n.ndv.getInputPanel().getByText(expectedJsonText)).toBeVisible();
await expect(n8n.ndv.inputPanel.get().getByText(expectedJsonText)).toBeVisible();
await expect(n8n.ndv.getJsonDataContainer()).toBeVisible();
await expect(n8n.ndv.inputPanel.getJsonDataContainer()).toBeVisible();
const inputSpan = n8n.ndv.getInputJsonProperty('input');
const inputSpan = n8n.ndv.inputPanel.getJsonProperty('input');
await expect(inputSpan).toBeVisible();
const valueParameterInput = n8n.ndv.getParameterInput('value');
@@ -73,7 +73,7 @@ test.describe('Data Mapping', () => {
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('Array:');
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('"count": 0');
const countSpan = n8n.ndv.getInputJsonPropertyContaining('count');
const countSpan = n8n.ndv.inputPanel.getJsonPropertyContaining('count');
await expect(countSpan).toBeVisible();
await n8n.interactions.precisionDragToTarget(
@@ -97,17 +97,21 @@ test.describe('Data Mapping', () => {
await n8n.canvas.openNode('Set1');
await n8n.ndv.executePrevious();
const scheduleNode = n8n.ndv.getInputPanel().getByText('Schedule Trigger');
const scheduleNode = n8n.ndv.inputPanel.get().getByText('Schedule Trigger');
await expect(scheduleNode).toBeVisible();
await scheduleNode.click();
const schemaItem = n8n.ndv.getInputSchemaItem('count');
const schemaItem = n8n.ndv.inputPanel.getSchemaItemText('count');
await expect(schemaItem).toBeVisible();
const valueParameterInput = n8n.ndv.getParameterInput('value');
await expect(valueParameterInput).toBeVisible();
await n8n.interactions.precisionDragToTarget(schemaItem, valueParameterInput, 'top');
await n8n.interactions.precisionDragToTarget(
schemaItem.locator('span'),
valueParameterInput,
'top',
);
await expect(n8n.ndv.getInlineExpressionEditorInput()).toHaveText(
"{{ $('Schedule Trigger').item.json.input[0].count }}",
@@ -115,10 +119,10 @@ test.describe('Data Mapping', () => {
await n8n.page.keyboard.press('Escape');
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
await n8n.ndv.selectInputNode('Schedule Trigger');
const headerElement = n8n.ndv.getInputTableHeader(0);
const headerElement = n8n.ndv.inputPanel.getTableHeader(0);
await expect(headerElement).toBeVisible();
await n8n.interactions.precisionDragToTarget(
@@ -137,9 +141,9 @@ test.describe('Data Mapping', () => {
await n8n.start.fromImportedWorkflow('Test_workflow-actions_paste-data.json');
await n8n.canvas.openNode('Set');
await n8n.ndv.executePrevious();
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
await expect(n8n.ndv.getInputTable()).toBeVisible();
await expect(n8n.ndv.inputPanel.getTable()).toBeVisible();
const addValueButton = n8n.ndv.getAddValueButton();
await expect(addValueButton).toBeVisible();
@@ -150,7 +154,7 @@ test.describe('Data Mapping', () => {
await expect(n8n.ndv.getParameterInputField('name')).toHaveValue('propertyName');
await expect(n8n.ndv.getParameterInputField('value')).toHaveValue('');
const firstHeader = n8n.ndv.getInputTableHeader(0);
const firstHeader = n8n.ndv.inputPanel.getTableHeader(0);
await expect(firstHeader).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -164,7 +168,7 @@ test.describe('Data Mapping', () => {
const currentYear = new Date().getFullYear().toString();
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText(currentYear);
const secondHeader = n8n.ndv.getInputTableHeader(1);
const secondHeader = n8n.ndv.inputPanel.getTableHeader(1);
await expect(secondHeader).toBeVisible();
await n8n.interactions.precisionDragToTarget(
@@ -185,7 +189,7 @@ test.describe('Data Mapping', () => {
await n8n.ndv.getParameterInputField('value').clear();
await n8n.page.keyboard.press('Escape');
const countSchemaItem = n8n.ndv.getInputSchemaItem('count');
const countSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('count');
await expect(countSchemaItem).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -195,7 +199,7 @@ test.describe('Data Mapping', () => {
await n8n.page.keyboard.press('Escape');
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('0');
const inputSchemaItem = n8n.ndv.getInputSchemaItem('input');
const inputSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('input');
await expect(inputSchemaItem).toBeVisible();
await n8n.interactions.precisionDragToTarget(inputSchemaItem, valueParameter, 'top');
@@ -239,7 +243,7 @@ test.describe('Data Mapping', () => {
const addFieldButton = n8n.ndv.getAddFieldToSortByButton();
await addFieldButton.click();
const myCountSpan = n8n.ndv.getInputSchemaItem('my count');
const myCountSpan = n8n.ndv.inputPanel.getSchemaItemText('my count');
await expect(myCountSpan).toBeVisible();
const fieldNameParameter = n8n.ndv.getParameterInput('fieldName');
@@ -262,7 +266,7 @@ test.describe('Data Mapping', () => {
await n8n.ndv.fillParameterInputByName('value', 'fun');
await n8n.ndv.getParameterInputField('value').clear();
const countSchemaItem = n8n.ndv.getInputSchemaItem('count');
const countSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('count');
await expect(countSchemaItem).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -272,7 +276,7 @@ test.describe('Data Mapping', () => {
await n8n.page.keyboard.press('Escape');
await expect(n8n.ndv.getParameterExpressionPreviewValue()).toContainText('0');
const inputSchemaItem = n8n.ndv.getInputSchemaItem('input');
const inputSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('input');
await expect(inputSchemaItem).toBeVisible();
await n8n.interactions.precisionDragToTarget(inputSchemaItem, valueParameter, 'top');
@@ -293,9 +297,9 @@ test.describe('Data Mapping', () => {
await n8n.canvas.openNode('Set1');
await n8n.ndv.executePrevious();
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
const firstHeader = n8n.ndv.getInputTableHeader(0);
const firstHeader = n8n.ndv.inputPanel.getTableHeader(0);
await expect(firstHeader).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -314,7 +318,7 @@ test.describe('Data Mapping', () => {
await expect(n8n.ndv.getParameterSwitch('includeOtherFields')).toBeVisible();
await expect(n8n.ndv.getParameterTextInput('includeOtherFields')).toBeHidden();
const countSpan = n8n.ndv.getInputSchemaItem('count');
const countSpan = n8n.ndv.inputPanel.getSchemaItemText('count');
await expect(countSpan).toBeVisible();
await countSpan.hover();
@@ -341,7 +345,7 @@ test.describe('Data Mapping', () => {
await n8n.ndv.getInlineExpressionEditorContent().fill('hello world\n\nnewline');
await n8n.page.keyboard.press('Escape');
const countSchemaItem = n8n.ndv.getInputSchemaItem('count');
const countSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('count');
await expect(countSchemaItem).toBeVisible();
const valueParameter = n8n.ndv.getParameterInput('value');
@@ -355,7 +359,7 @@ test.describe('Data Mapping', () => {
'0hello world\n\nnewline',
);
const inputSchemaItem = n8n.ndv.getInputSchemaItem('input');
const inputSchemaItem = n8n.ndv.inputPanel.getSchemaItemText('input');
await expect(inputSchemaItem).toBeVisible();
await n8n.interactions.precisionDragToTarget(inputSchemaItem, valueParameter, 'center');

2
packages/testing/playwright/tests/ui/15-scheduler-node.spec.ts
View File

@@ -11,7 +11,7 @@ test.describe('Schedule Trigger node', () => {
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputPanel()).toContainText('timestamp');
await expect(n8n.ndv.outputPanel.get()).toContainText('timestamp');
await n8n.ndv.clickBackToCanvasButton();
});

9
packages/testing/playwright/tests/ui/2230-ADO-ndv-reset-data-pagination.spec.ts
View File

@@ -15,13 +15,12 @@ test.describe('ADO-2230 NDV Pagination Reset', () => {
await expect(n8n.ndv.getOutputPaginationPages()).toHaveCount(5);
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).not.toBeEmpty();
const firstPageContent = await n8n.ndv.getOutputPageContent(0, 0);
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).not.toBeEmpty();
const firstPageContent = await n8n.ndv.outputPanel.getTbodyCell(0, 0).textContent();
await n8n.ndv.navigateToOutputPage(4);
const fourthPageContent = await n8n.ndv.getOutputPageContent(0, 0);
expect(fourthPageContent).not.toBe(firstPageContent);
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).not.toHaveText(firstPageContent ?? '');
await n8n.ndv.setParameterInputValue('randomDataCount', '20');
@@ -30,6 +29,6 @@ test.describe('ADO-2230 NDV Pagination Reset', () => {
await expect(n8n.ndv.getOutputPaginationPages()).toHaveCount(2);
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).not.toBeEmpty();
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).not.toBeEmpty();
});
});

24
packages/testing/playwright/tests/ui/28-resource-mapper.spec.ts
View File

@@ -39,19 +39,19 @@ test.describe('Resource Mapper', () => {
await n8n.ndv.fillParameterInputByName('age', '30');
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'name' })).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'name' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await n8n.ndv.getResourceMapperRemoveFieldButton('name').click();
await n8n.ndv.execute();
await expect(n8n.ndv.getParameterInput('id')).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.getParameterInput('age')).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await expect(n8n.ndv.getParameterInput('name')).toHaveCount(0);
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'name' })).toHaveCount(0);
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'name' })).toHaveCount(0);
});
test('should correctly delete all fields', async ({ n8n }) => {
@@ -60,19 +60,19 @@ test.describe('Resource Mapper', () => {
await n8n.ndv.fillParameterInputByName('age', '30');
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'name' })).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'name' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'age' })).toBeVisible();
await n8n.ndv.getResourceMapperColumnsOptionsButton().click();
await n8n.ndv.getResourceMapperRemoveAllFieldsOption().click();
await n8n.ndv.execute();
await expect(n8n.ndv.getParameterInput('id')).toBeVisible();
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'id' })).toBeVisible();
await expect(n8n.ndv.getParameterInput('name')).toHaveCount(0);
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'name' })).toHaveCount(0);
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'name' })).toHaveCount(0);
await expect(n8n.ndv.getParameterInput('age')).toHaveCount(0);
await expect(n8n.ndv.getOutputTableHeaders().filter({ hasText: 'age' })).toHaveCount(0);
await expect(n8n.ndv.outputPanel.getTableHeaders().filter({ hasText: 'age' })).toHaveCount(0);
});
});

4
packages/testing/playwright/tests/ui/31-demo.spec.ts
View File

@@ -28,8 +28,8 @@ test.describe('Demo', () => {
await n8n.demo.importWorkflow(workflowWithPinned);
await expect(n8n.canvas.getCanvasNodes()).toHaveCount(2);
await n8n.canvas.openNode('Webhook');
await expect(n8n.ndv.getOutputTableHeaders().first()).toContainText('headers');
await expect(n8n.ndv.getOutputTableCell(1, 3)).toContainText('dragons');
await expect(n8n.ndv.outputPanel.getTableHeaders().first()).toContainText('headers');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 3)).toContainText('dragons');
});
test('can override theme to dark', async ({ n8n }) => {

132
packages/testing/playwright/tests/ui/5-ndv.spec.ts
View File

@@ -29,7 +29,7 @@ test.describe('NDV', () => {
const canvasNodes = n8n.canvas.getCanvasNodes();
await canvasNodes.last().dblclick();
await expect(n8n.ndv.getContainer()).toBeVisible();
await expect(n8n.ndv.getInputPanel()).toContainText('Wire me up');
await expect(n8n.ndv.inputPanel.get()).toContainText('Wire me up');
});
test('should test webhook node', async ({ n8n }) => {
@@ -42,8 +42,8 @@ test.describe('NDV', () => {
const response = await n8n.ndv.makeWebhookRequest(webhookUrl as string);
expect(response.status()).toBe(200);
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.getOutputDataContainer()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
await expect(n8n.ndv.outputPanel.getDataContainer()).toBeVisible();
});
test('should change input and go back to canvas', async ({ n8n }) => {
@@ -52,11 +52,11 @@ test.describe('NDV', () => {
await n8n.canvas.getCanvasNodes().last().dblclick();
await n8n.ndv.execute();
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
await n8n.ndv.getNodeInputOptions().last().click();
await n8n.ndv.inputPanel.getNodeInputOptions().last().click();
await expect(n8n.ndv.getInputPanel()).toContainText('start');
await expect(n8n.ndv.inputPanel.get()).toContainText('start');
await n8n.ndv.clickBackToCanvasButton();
await expect(n8n.ndv.getContainer()).toBeHidden();
@@ -175,20 +175,20 @@ test.describe('NDV', () => {
test('should switch to output schema view and validate it', async ({ n8n }) => {
await setupSchemaWorkflow(n8n);
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
for (const key of schemaKeys) {
await expect(n8n.ndv.getSchemaViewItems().filter({ hasText: key })).toBeVisible();
await expect(n8n.ndv.outputPanel.getSchemaItem(key)).toBeVisible();
}
});
test('should preserve schema view after execution', async ({ n8n }) => {
await setupSchemaWorkflow(n8n);
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
await n8n.ndv.execute();
for (const key of schemaKeys) {
await expect(n8n.ndv.getSchemaViewItems().filter({ hasText: key })).toBeVisible();
await expect(n8n.ndv.outputPanel.getSchemaItem(key)).toBeVisible();
}
});
@@ -196,17 +196,17 @@ test.describe('NDV', () => {
await setupSchemaWorkflow(n8n);
const expandedObjectProps = ['prop1', 'prop2'];
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
for (const key of expandedObjectProps) {
await expect(n8n.ndv.getSchemaViewItems().filter({ hasText: key })).toBeVisible();
await expect(n8n.ndv.outputPanel.getSchemaItem(key)).toBeVisible();
}
const objectValueItem = n8n.ndv.getSchemaViewItems().filter({ hasText: 'objectValue' });
const objectValueItem = n8n.ndv.outputPanel.getSchemaItem('objectValue');
await objectValueItem.locator('.toggle').click();
for (const key of expandedObjectProps) {
await expect(n8n.ndv.getSchemaViewItems().filter({ hasText: key })).not.toBeInViewport();
await expect(n8n.ndv.outputPanel.getSchemaItem(key)).not.toBeInViewport();
}
});
@@ -222,14 +222,14 @@ test.describe('NDV', () => {
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputPanel().getByText('5 items')).toBeVisible();
await expect(n8n.ndv.outputPanel.get().getByText('5 items')).toBeVisible();
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
const schemaItemsCount = await n8n.ndv.getSchemaViewItems().count();
const schemaItemsCount = await n8n.ndv.outputPanel.getSchemaItems().count();
expect(schemaItemsCount).toBeGreaterThan(0);
await n8n.ndv.switchOutputMode('JSON');
await n8n.ndv.outputPanel.switchDisplayMode('json');
});
test('should display large schema', async ({ n8n }) => {
@@ -237,12 +237,12 @@ test.describe('NDV', () => {
await n8n.canvas.clickZoomToFitButton();
await n8n.canvas.openNode('Set');
await expect(n8n.ndv.getOutputPanel().getByText('20 items')).toBeVisible();
await expect(n8n.ndv.getOutputPanel().locator('[class*="_pagination"]')).toBeVisible();
await expect(n8n.ndv.outputPanel.get().getByText('20 items')).toBeVisible();
await expect(n8n.ndv.outputPanel.get().locator('[class*="_pagination"]')).toBeVisible();
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
await expect(n8n.ndv.getOutputPanel().locator('[class*="_pagination"]')).toBeHidden();
await expect(n8n.ndv.outputPanel.get().locator('[class*="_pagination"]')).toBeHidden();
});
});
@@ -356,16 +356,16 @@ test.describe('NDV', () => {
);
await n8n.canvas.openNode('Edit Fields');
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
await n8n.ndv.searchOutputData('US');
await expect(n8n.ndv.getOutputTableRow(1).locator('mark')).toContainText('US');
await expect(n8n.ndv.outputPanel.getTableRow(1).locator('mark')).toContainText('US');
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputSearchInput()).toBeVisible();
await expect(n8n.ndv.getOutputSearchInput()).toHaveValue('US');
await expect(n8n.ndv.outputPanel.getSearchInput()).toBeVisible();
await expect(n8n.ndv.outputPanel.getSearchInput()).toHaveValue('US');
});
test('Should render xml and html tags as strings and can search', async ({ n8n }) => {
@@ -375,23 +375,23 @@ test.describe('NDV', () => {
);
await n8n.canvas.openNode('Edit Fields');
await expect(n8n.ndv.getOutputPanel().locator('[class*="active"]')).toContainText('Table');
await expect(n8n.ndv.outputPanel.get().locator('[class*="active"]')).toContainText('Table');
await expect(n8n.ndv.getOutputTableRow(1)).toContainText(
await expect(n8n.ndv.outputPanel.getTableRow(1)).toContainText(
'<?xml version="1.0" encoding="UTF-8"?> <library>',
);
await n8n.page.keyboard.press('/');
const searchInput = n8n.ndv.getOutputSearchInput();
const searchInput = n8n.ndv.outputPanel.getSearchInput();
await expect(searchInput).toBeFocused();
await searchInput.fill('<lib');
await expect(n8n.ndv.getOutputTableRow(1).locator('mark')).toContainText('<lib');
await expect(n8n.ndv.outputPanel.getTableRow(1).locator('mark')).toContainText('<lib');
await n8n.ndv.switchOutputMode('JSON');
await n8n.ndv.outputPanel.switchDisplayMode('json');
await expect(n8n.ndv.getOutputDataContainer().locator('.json-data')).toBeVisible();
await expect(n8n.ndv.outputPanel.getDataContainer().locator('.json-data')).toBeVisible();
});
test.describe('Run Data & Selectors - Advanced', () => {
@@ -403,39 +403,39 @@ test.describe('NDV', () => {
);
await n8n.canvas.openNode('Set3');
await n8n.ndv.switchInputMode('Table');
await n8n.ndv.switchOutputMode('Table');
await n8n.ndv.inputPanel.switchDisplayMode('table');
await n8n.ndv.outputPanel.switchDisplayMode('table');
await n8n.ndv.ensureOutputRunLinking(true);
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
expect(await n8n.ndv.getInputRunSelectorValue()).toContain('2 of 2 (6 items)');
expect(await n8n.ndv.getOutputRunSelectorValue()).toContain('2 of 2 (6 items)');
await n8n.ndv.changeOutputRunSelector('1 of 2 (6 items)');
expect(await n8n.ndv.getInputRunSelectorValue()).toContain('1 of 2 (6 items)');
await expect(n8n.ndv.getInputTbodyCell(0, 0)).toHaveText('1111');
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toHaveText('1111');
await expect(n8n.ndv.inputPanel.getTbodyCell(0, 0)).toHaveText('1111');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toHaveText('1111');
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
await n8n.ndv.changeInputRunSelector('2 of 2 (6 items)');
expect(await n8n.ndv.getOutputRunSelectorValue()).toContain('2 of 2 (6 items)');
await n8n.ndv.toggleOutputRunLinking();
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.outputPanel.getLinkRun().click();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
await n8n.ndv.changeOutputRunSelector('1 of 2 (6 items)');
expect(await n8n.ndv.getInputRunSelectorValue()).toContain('2 of 2 (6 items)');
await n8n.ndv.toggleOutputRunLinking();
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.outputPanel.getLinkRun().click();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
expect(await n8n.ndv.getInputRunSelectorValue()).toContain('1 of 2 (6 items)');
await n8n.ndv.toggleInputRunLinking();
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.inputPanel.toggleInputRunLinking();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
await n8n.ndv.changeInputRunSelector('2 of 2 (6 items)');
expect(await n8n.ndv.getOutputRunSelectorValue()).toContain('1 of 2 (6 items)');
await n8n.ndv.toggleInputRunLinking();
await n8n.ndv.getInputTbodyCell(0, 0).click();
await n8n.ndv.inputPanel.toggleInputRunLinking();
await n8n.ndv.inputPanel.getTbodyCell(0, 0).click();
expect(await n8n.ndv.getOutputRunSelectorValue()).toContain('2 of 2 (6 items)');
});
});
@@ -708,21 +708,21 @@ test.describe('NDV', () => {
);
await n8n.canvas.openNode('Only Item 1');
await expect(n8n.ndv.getInputPanel()).toBeVisible();
await n8n.ndv.switchInputMode('Schema');
await expect(n8n.ndv.getInputSchemaItem('onlyOnItem1')).toBeVisible();
await expect(n8n.ndv.inputPanel.get()).toBeVisible();
await n8n.ndv.inputPanel.switchDisplayMode('schema');
await expect(n8n.ndv.inputPanel.getSchemaItem('onlyOnItem1')).toBeVisible();
await n8n.ndv.close();
await n8n.canvas.openNode('Only Item 2');
await expect(n8n.ndv.getInputPanel()).toBeVisible();
await n8n.ndv.switchInputMode('Schema');
await expect(n8n.ndv.getInputSchemaItem('onlyOnItem2')).toBeVisible();
await expect(n8n.ndv.inputPanel.get()).toBeVisible();
await n8n.ndv.inputPanel.switchDisplayMode('schema');
await expect(n8n.ndv.inputPanel.getSchemaItem('onlyOnItem2')).toBeVisible();
await n8n.ndv.close();
await n8n.canvas.openNode('Only Item 3');
await expect(n8n.ndv.getInputPanel()).toBeVisible();
await n8n.ndv.switchInputMode('Schema');
await expect(n8n.ndv.getInputSchemaItem('onlyOnItem3')).toBeVisible();
await expect(n8n.ndv.inputPanel.get()).toBeVisible();
await n8n.ndv.inputPanel.switchDisplayMode('schema');
await expect(n8n.ndv.inputPanel.getSchemaItem('onlyOnItem3')).toBeVisible();
await n8n.ndv.close();
});
});
@@ -731,13 +731,13 @@ test.describe('NDV', () => {
test('should not show items count when searching in schema view', async ({ n8n }) => {
await n8n.canvas.importWorkflow('Test_ndv_search.json', 'NDV Search Test');
await n8n.canvas.openNode('Edit Fields');
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
await n8n.ndv.execute();
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
await n8n.ndv.searchOutputData('US');
await expect(n8n.ndv.getOutputItemsCount()).toBeHidden();
await expect(n8n.ndv.outputPanel.getItemsCount()).toBeHidden();
});
test('should show additional tooltip when searching in schema view if no matches', async ({
@@ -746,14 +746,16 @@ test.describe('NDV', () => {
await n8n.canvas.importWorkflow('Test_ndv_search.json', 'NDV Search Test');
await n8n.canvas.openNode('Edit Fields');
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
await n8n.ndv.execute();
await n8n.ndv.switchOutputMode('Schema');
await n8n.ndv.outputPanel.switchDisplayMode('schema');
await n8n.ndv.searchOutputData('foo');
await expect(
n8n.ndv.getOutputPanel().getByText('To search field values, switch to table or JSON view.'),
n8n.ndv.outputPanel
.get()
.getByText('To search field values, switch to table or JSON view.'),
).toBeVisible();
});
});
@@ -768,14 +770,12 @@ test.describe('NDV', () => {
);
await n8n.canvas.openNode('DebugHelper');
await expect(n8n.ndv.getInputPanel()).toBeVisible();
await expect(n8n.ndv.getOutputPanel()).toBeVisible();
await expect(n8n.ndv.inputPanel.get()).toBeVisible();
await expect(n8n.ndv.outputPanel.get()).toBeVisible();
await n8n.ndv.execute();
await expect(
n8n.ndv.getInputPanel().getByTestId('run-data-schema-item').filter({ hasText: 'a1' }),
).toBeVisible();
await expect(n8n.ndv.inputPanel.getSchemaItem('a1')).toBeVisible();
});
});

252
packages/testing/playwright/tests/ui/50-logs.spec.ts
View File

@@ -25,38 +25,42 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_loop.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await expect(n8n.logs.getLogEntries()).toHaveCount(0);
await n8n.canvas.logsPanel.open();
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(0);
await n8n.canvas.clickExecuteWorkflowButton();
await expect(n8n.logs.getOverviewStatus().filter({ hasText: 'Running' })).toBeVisible();
await expect(n8n.logs.getLogEntries()).toHaveCount(4);
await expect(n8n.logs.getLogEntries().nth(0)).toContainText(NODES.MANUAL_TRIGGER);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.logs.getLogEntries().nth(2)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.logs.getLogEntries().nth(3)).toContainText(NODES.WAIT);
await expect(n8n.logs.getLogEntries()).toHaveCount(6);
await expect(n8n.logs.getLogEntries().nth(4)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.logs.getLogEntries().nth(5)).toContainText(NODES.WAIT);
await expect(n8n.logs.getLogEntries()).toHaveCount(8);
await expect(n8n.logs.getLogEntries().nth(6)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.logs.getLogEntries().nth(7)).toContainText(NODES.WAIT);
await expect(n8n.logs.getLogEntries()).toHaveCount(10);
await expect(n8n.logs.getLogEntries().nth(8)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.logs.getLogEntries().nth(9)).toContainText(NODES.CODE1);
await expect(
n8n.logs.getOverviewStatus().filter({ hasText: /Error in [\d.]+s/ }),
n8n.canvas.logsPanel.getOverviewStatus().filter({ hasText: 'Running' }),
).toBeVisible();
await expect(n8n.logs.getSelectedLogEntry()).toContainText(NODES.CODE1); // Errored node is automatically selected
await expect(n8n.logs.getNodeErrorMessageHeader()).toContainText('test!!! [line 1]');
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(4);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(0)).toContainText(NODES.MANUAL_TRIGGER);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(2)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(3)).toContainText(NODES.WAIT);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(4)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(5)).toContainText(NODES.WAIT);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(8);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(6)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(7)).toContainText(NODES.WAIT);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(10);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(8)).toContainText(NODES.LOOP_OVER_ITEMS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(9)).toContainText(NODES.CODE1);
await expect(
n8n.canvas.logsPanel.getOverviewStatus().filter({ hasText: /Error in [\d.]+s/ }),
).toBeVisible();
await expect(n8n.canvas.logsPanel.getSelectedLogEntry()).toContainText(NODES.CODE1); // Errored node is automatically selected
await expect(n8n.canvas.logsPanel.outputPanel.getNodeErrorMessageHeader()).toContainText(
'test!!! [line 1]',
);
await expect(n8n.canvas.getNodeIssuesByName(NODES.CODE1)).toBeVisible();
await n8n.logs.getClearExecutionButton().click();
await expect(n8n.logs.getLogEntries()).toHaveCount(0);
await n8n.canvas.logsPanel.getClearExecutionButton().click();
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(0);
await expect(n8n.canvas.getNodeIssuesByName(NODES.CODE1)).not.toBeVisible();
});
@@ -64,22 +68,22 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_if.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.logsPanel.open();
await n8n.workflowComposer.executeWorkflowAndWaitForNotification('Successful');
await expect(n8n.logs.getLogEntries()).toHaveCount(6);
await expect(n8n.logs.getLogEntries().nth(0)).toContainText(NODES.SCHEDULE_TRIGGER);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.logs.getLogEntries().nth(2)).toContainText(NODES.EDIT_FIELDS);
await expect(n8n.logs.getLogEntries().nth(3)).toContainText(NODES.IF);
await expect(n8n.logs.getLogEntries().nth(4)).toContainText(NODES.EDIT_FIELDS);
await expect(n8n.logs.getLogEntries().nth(5)).toContainText(NODES.EDIT_FIELDS);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(0)).toContainText(NODES.SCHEDULE_TRIGGER);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(2)).toContainText(NODES.EDIT_FIELDS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(3)).toContainText(NODES.IF);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(4)).toContainText(NODES.EDIT_FIELDS);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(5)).toContainText(NODES.EDIT_FIELDS);
await n8n.logs.clickTriggerPartialExecutionAtRow(3);
await expect(n8n.logs.getLogEntries()).toHaveCount(3);
await expect(n8n.logs.getLogEntries().nth(0)).toContainText(NODES.SCHEDULE_TRIGGER);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.logs.getLogEntries().nth(2)).toContainText(NODES.IF);
await n8n.canvas.logsPanel.clickTriggerPartialExecutionAtRow(3);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(3);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(0)).toContainText(NODES.SCHEDULE_TRIGGER);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText(NODES.CODE);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(2)).toContainText(NODES.IF);
});
// TODO: make it possible to test workflows with AI model end-to-end
@@ -90,37 +94,45 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_ai_agent.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.sendManualChatMessage('Hi!');
await n8n.canvas.logsPanel.open();
await n8n.canvas.logsPanel.sendManualChatMessage('Hi!');
await n8n.workflowComposer.executeWorkflowAndWaitForNotification('Successful');
await expect(n8n.canvas.getManualChatMessages().nth(0)).toContainText('Hi!');
await expect(n8n.canvas.getManualChatMessages().nth(1)).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages().nth(0)).toContainText('Hi!');
await expect(n8n.canvas.logsPanel.getManualChatMessages().nth(1)).toContainText(
'Hello from e2e model!!!',
);
await expect(n8n.logs.getLogEntries().nth(2)).toHaveText('E2E Chat Model');
await n8n.logs.getLogEntries().nth(2).click();
await expect(n8n.canvas.logsPanel.getLogEntries().nth(2)).toHaveText('E2E Chat Model');
await n8n.canvas.logsPanel.getLogEntries().nth(2).click();
await expect(n8n.logs.getOutputPanel()).toContainText('Hello from e2e model!!!');
await n8n.logs.setOutputDisplayMode('table');
await expect(n8n.logs.getOutputTbodyCell(0, 0)).toContainText(
await expect(n8n.canvas.logsPanel.outputPanel.get()).toContainText('Hello from e2e model!!!');
await n8n.canvas.logsPanel.outputPanel.switchDisplayMode('table');
await expect(n8n.canvas.logsPanel.outputPanel.getTbodyCell(0, 0)).toContainText(
'text:Hello from **e2e** model!!!',
);
await expect(n8n.logs.getOutputTbodyCell(0, 1)).toContainText('completionTokens:20');
await n8n.logs.setOutputDisplayMode('schema');
await expect(n8n.logs.getOutputPanel()).toContainText('generations[0]');
await expect(n8n.logs.getOutputPanel()).toContainText('Hello from **e2e** model!!!');
await n8n.logs.setOutputDisplayMode('json');
await expect(n8n.logs.getOutputPanel()).toContainText('[{"response": {"generations": [');
await expect(n8n.canvas.logsPanel.outputPanel.getTbodyCell(0, 1)).toContainText(
'completionTokens:20',
);
await n8n.canvas.logsPanel.outputPanel.switchDisplayMode('schema');
await expect(n8n.canvas.logsPanel.outputPanel.get()).toContainText('generations[0]');
await expect(n8n.canvas.logsPanel.outputPanel.get()).toContainText(
'Hello from **e2e** model!!!',
);
await n8n.canvas.logsPanel.outputPanel.switchDisplayMode('json');
await expect(n8n.canvas.logsPanel.outputPanel.get()).toContainText(
'[{"response": {"generations": [',
);
await n8n.logs.toggleInputPanel();
await expect(n8n.logs.getInputPanel()).toContainText('Human: Hi!');
await n8n.logs.setInputDisplayMode('table');
await expect(n8n.logs.getInputTbodyCell(0, 0)).toContainText('0:Human: Hi!');
await n8n.logs.setInputDisplayMode('schema');
await expect(n8n.logs.getInputPanel()).toContainText('messages[0]');
await expect(n8n.logs.getInputPanel()).toContainText('Human: Hi!');
await n8n.logs.setInputDisplayMode('json');
await expect(n8n.logs.getInputPanel()).toContainText('[{"messages": ["Human: Hi!"],');
await n8n.canvas.logsPanel.toggleInputPanel();
await expect(n8n.canvas.logsPanel.inputPanel.get()).toContainText('Human: Hi!');
await n8n.canvas.logsPanel.inputPanel.switchDisplayMode('table');
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(0, 0)).toContainText('0:Human: Hi!');
await n8n.canvas.logsPanel.inputPanel.switchDisplayMode('schema');
await expect(n8n.canvas.logsPanel.inputPanel.get()).toContainText('messages[0]');
await expect(n8n.canvas.logsPanel.inputPanel.get()).toContainText('Human: Hi!');
await n8n.canvas.logsPanel.inputPanel.switchDisplayMode('json');
await expect(n8n.canvas.logsPanel.inputPanel.get()).toContainText(
'[{"messages": ["Human: Hi!"],',
);
});
test('should show input and output data of correct run index and branch', async ({
@@ -130,48 +142,49 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_if.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.logsPanel.open();
await n8n.canvas.clickExecuteWorkflowButton();
await n8n.logs.clickLogEntryAtRow(2); // Run #1 of 'Edit Fields' node; input is 'Code' node
await n8n.logs.toggleInputPanel();
await n8n.logs.setInputDisplayMode('table');
await expect(n8n.logs.getInputTableRows()).toHaveCount(11);
await expect(n8n.logs.getInputTbodyCell(0, 0)).toContainText('0');
await expect(n8n.logs.getInputTbodyCell(9, 0)).toContainText('9');
await n8n.logs.clickOpenNdvAtRow(2);
await n8n.ndv.switchInputMode('Table');
await n8n.canvas.logsPanel.clickLogEntryAtRow(2); // Run #1 of 'Edit Fields' node; input is 'Code' node
await n8n.canvas.logsPanel.toggleInputPanel();
await n8n.canvas.logsPanel.inputPanel.get().hover();
await n8n.canvas.logsPanel.inputPanel.switchDisplayMode('table');
await expect(n8n.canvas.logsPanel.inputPanel.getTableRows()).toHaveCount(11);
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(0, 0)).toContainText('0');
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(9, 0)).toContainText('9');
await n8n.canvas.logsPanel.clickOpenNdvAtRow(2);
await n8n.ndv.inputPanel.switchDisplayMode('table');
await expect(n8n.ndv.getInputSelect()).toHaveValue(`${NODES.CODE} `);
await expect(n8n.ndv.getInputTableRows()).toHaveCount(11);
await expect(n8n.ndv.getInputTbodyCell(0, 0)).toContainText('0');
await expect(n8n.ndv.getInputTbodyCell(9, 0)).toContainText('9');
await expect(n8n.ndv.getOutputRunSelectorInput()).toHaveValue('1 of 3 (10 items)');
await expect(n8n.ndv.inputPanel.getTableRows()).toHaveCount(11);
await expect(n8n.ndv.inputPanel.getTbodyCell(0, 0)).toContainText('0');
await expect(n8n.ndv.inputPanel.getTbodyCell(9, 0)).toContainText('9');
await expect(n8n.ndv.outputPanel.getRunSelectorInput()).toHaveValue('1 of 3 (10 items)');
await n8n.ndv.clickBackToCanvasButton();
await n8n.logs.clickLogEntryAtRow(4); // Run #2 of 'Edit Fields' node; input is false branch of 'If' node
await expect(n8n.logs.getInputTableRows()).toHaveCount(6);
await expect(n8n.logs.getInputTbodyCell(0, 0)).toContainText('5');
await expect(n8n.logs.getInputTbodyCell(4, 0)).toContainText('9');
await n8n.logs.clickOpenNdvAtRow(4);
await n8n.canvas.logsPanel.clickLogEntryAtRow(4); // Run #2 of 'Edit Fields' node; input is false branch of 'If' node
await expect(n8n.canvas.logsPanel.inputPanel.getTableRows()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(0, 0)).toContainText('5');
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(4, 0)).toContainText('9');
await n8n.canvas.logsPanel.clickOpenNdvAtRow(4);
await expect(n8n.ndv.getInputSelect()).toHaveValue(`${NODES.IF} `);
await expect(n8n.ndv.getInputTableRows()).toHaveCount(6);
await expect(n8n.ndv.getInputTbodyCell(0, 0)).toContainText('5');
await expect(n8n.ndv.getInputTbodyCell(4, 0)).toContainText('9');
await expect(n8n.ndv.getOutputRunSelectorInput()).toHaveValue('2 of 3 (5 items)');
await expect(n8n.ndv.inputPanel.getTableRows()).toHaveCount(6);
await expect(n8n.ndv.inputPanel.getTbodyCell(0, 0)).toContainText('5');
await expect(n8n.ndv.inputPanel.getTbodyCell(4, 0)).toContainText('9');
await expect(n8n.ndv.outputPanel.getRunSelectorInput()).toHaveValue('2 of 3 (5 items)');
await n8n.ndv.clickBackToCanvasButton();
await n8n.logs.clickLogEntryAtRow(5); // Run #3 of 'Edit Fields' node; input is true branch of 'If' node
await expect(n8n.logs.getInputTableRows()).toHaveCount(6);
await expect(n8n.logs.getInputTbodyCell(0, 0)).toContainText('0');
await expect(n8n.logs.getInputTbodyCell(4, 0)).toContainText('4');
await n8n.logs.clickOpenNdvAtRow(5);
await n8n.canvas.logsPanel.clickLogEntryAtRow(5); // Run #3 of 'Edit Fields' node; input is true branch of 'If' node
await expect(n8n.canvas.logsPanel.inputPanel.getTableRows()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(0, 0)).toContainText('0');
await expect(n8n.canvas.logsPanel.inputPanel.getTbodyCell(4, 0)).toContainText('4');
await n8n.canvas.logsPanel.clickOpenNdvAtRow(5);
await expect(n8n.ndv.getInputSelect()).toHaveValue(`${NODES.IF} `);
await expect(n8n.ndv.getInputTableRows()).toHaveCount(6);
await expect(n8n.ndv.getInputTbodyCell(0, 0)).toContainText('0');
await expect(n8n.ndv.getInputTbodyCell(4, 0)).toContainText('4');
await expect(n8n.ndv.getOutputRunSelectorInput()).toHaveValue('3 of 3 (5 items)');
await expect(n8n.ndv.inputPanel.getTableRows()).toHaveCount(6);
await expect(n8n.ndv.inputPanel.getTbodyCell(0, 0)).toContainText('0');
await expect(n8n.ndv.inputPanel.getTbodyCell(4, 0)).toContainText('4');
await expect(n8n.ndv.outputPanel.getRunSelectorInput()).toHaveValue('3 of 3 (5 items)');
});
test('should keep populated logs unchanged when workflow get edits after the execution', async ({
@@ -181,14 +194,14 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_if.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.logsPanel.open();
await n8n.workflowComposer.executeWorkflowAndWaitForNotification('Successful');
await expect(n8n.logs.getLogEntries()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(6);
await n8n.canvas.nodeDisableButton(NODES.EDIT_FIELDS).click();
await expect(n8n.logs.getLogEntries()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(6);
await n8n.canvas.deleteNodeByName(NODES.IF);
await expect(n8n.logs.getLogEntries()).toHaveCount(6);
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(6);
});
// TODO: make it possible to test workflows with AI model end-to-end
@@ -196,23 +209,25 @@ test.describe('Logs', () => {
await setupRequirements({ workflow: 'Workflow_ai_agent.json' });
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.logsPanel.open();
await n8n.canvas.sendManualChatMessage('Hi!');
await n8n.canvas.logsPanel.sendManualChatMessage('Hi!');
await n8n.workflowComposer.executeWorkflowAndWaitForNotification('Successful');
await n8n.canvas.openExecutions();
await n8n.executions.getAutoRefreshButton().click();
await expect(n8n.executions.getManualChatMessages().nth(0)).toContainText('Hi!');
await expect(n8n.executions.getManualChatMessages().nth(1)).toContainText(
await expect(n8n.executions.logsPanel.getManualChatMessages().nth(0)).toContainText('Hi!');
await expect(n8n.executions.logsPanel.getManualChatMessages().nth(1)).toContainText(
'Hello from e2e model!!!',
);
await expect(
n8n.executions.getLogsOverviewStatus().filter({ hasText: /Success in [\d.]+m?s/ }),
n8n.executions.logsPanel.getOverviewStatus().filter({ hasText: /Success in [\d.]+m?s/ }),
).toBeVisible();
await expect(n8n.executions.getLogEntries()).toHaveCount(3);
await expect(n8n.executions.getLogEntries().nth(0)).toContainText('When chat message received');
await expect(n8n.executions.getLogEntries().nth(1)).toContainText('AI Agent');
await expect(n8n.executions.getLogEntries().nth(2)).toContainText('E2E Chat Model');
await expect(n8n.executions.logsPanel.getLogEntries()).toHaveCount(3);
await expect(n8n.executions.logsPanel.getLogEntries().nth(0)).toContainText(
'When chat message received',
);
await expect(n8n.executions.logsPanel.getLogEntries().nth(1)).toContainText('AI Agent');
await expect(n8n.executions.logsPanel.getLogEntries().nth(2)).toContainText('E2E Chat Model');
});
test('should show logs for a workflow with a node that waits for webhook', async ({
@@ -223,18 +238,21 @@ test.describe('Logs', () => {
await n8n.canvas.canvasBody().click({ position: { x: 0, y: 0 } }); // click logs panel to deselect nodes in canvas
await n8n.canvas.clickZoomToFitButton();
await n8n.logs.openLogsPanel();
await n8n.canvas.logsPanel.open();
await n8n.canvas.clickExecuteWorkflowButton();
await expect(n8n.canvas.getNodesWithSpinner()).toContainText(NODES.WAIT_NODE);
await expect(n8n.canvas.getWaitingNodes()).toContainText(NODES.WAIT_NODE);
await expect(n8n.logs.getLogEntries()).toHaveCount(2);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText(NODES.WAIT_NODE);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText('Waiting');
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(2);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText(NODES.WAIT_NODE);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText('Waiting');
await n8n.canvas.openNode(NODES.WAIT_NODE);
const webhookUrl = await n8n.ndv.getOutputDataContainer().locator('a').getAttribute('href');
const webhookUrl = await n8n.ndv.outputPanel
.getDataContainer()
.locator('a')
.getAttribute('href');
await n8n.ndv.clickBackToCanvasButton();
// Trigger the webhook
@@ -244,11 +262,11 @@ test.describe('Logs', () => {
await expect(n8n.canvas.getNodesWithSpinner()).not.toBeVisible();
await expect(n8n.canvas.getWaitingNodes()).not.toBeVisible();
await expect(
n8n.logs.getOverviewStatus().filter({ hasText: /Success in [\d.]+m?s/ }),
n8n.canvas.logsPanel.getOverviewStatus().filter({ hasText: /Success in [\d.]+m?s/ }),
).toBeVisible();
await n8n.logs.getLogEntries().nth(1).click(); // click selected row to deselect
await expect(n8n.logs.getLogEntries()).toHaveCount(2);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText(NODES.WAIT_NODE);
await expect(n8n.logs.getLogEntries().nth(1)).toContainText('Success');
await n8n.canvas.logsPanel.getLogEntries().nth(1).click(); // click selected row to deselect
await expect(n8n.canvas.logsPanel.getLogEntries()).toHaveCount(2);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText(NODES.WAIT_NODE);
await expect(n8n.canvas.logsPanel.getLogEntries().nth(1)).toContainText('Success');
});
});

28
packages/testing/playwright/tests/ui/812-AI-partial-execs-broken-when-using-chat-trigger.spec.ts
View File

@@ -10,12 +10,12 @@ test.describe('AI-812-partial-execs-broken-when-using-chat-trigger', () => {
test.afterEach(async ({ n8n }) => {
await n8n.notifications.quickCloseAll();
await n8n.canvas.clearExecutionData();
await n8n.canvas.sendManualChatMessage('Test Full Execution');
await n8n.canvas.logsPanel.clearExecutionData();
await n8n.canvas.logsPanel.sendManualChatMessage('Test Full Execution');
await expect(n8n.canvas.getManualChatMessages()).toHaveCount(4);
await expect(n8n.canvas.logsPanel.getManualChatMessages()).toHaveCount(4);
await expect(n8n.canvas.getManualChatMessages().last()).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages().last()).toContainText(
'Set 3 with chatInput: Test Full Execution',
);
});
@@ -26,14 +26,14 @@ test.describe('AI-812-partial-execs-broken-when-using-chat-trigger', () => {
await n8n.canvas.openNode('Edit Fields1');
await n8n.ndv.execute();
await expect(n8n.canvas.getManualChatModal()).toBeVisible();
await n8n.canvas.sendManualChatMessage('Test Partial Execution');
await expect(n8n.canvas.logsPanel.getManualChatModal()).toBeVisible();
await n8n.canvas.logsPanel.sendManualChatMessage('Test Partial Execution');
await expect(n8n.canvas.getManualChatMessages()).toHaveCount(2);
await expect(n8n.canvas.getManualChatMessages().first()).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages()).toHaveCount(2);
await expect(n8n.canvas.logsPanel.getManualChatMessages().first()).toContainText(
'Test Partial Execution',
);
await expect(n8n.canvas.getManualChatMessages().last()).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages().last()).toContainText(
'Set 2 with chatInput: Test Partial Execution',
);
});
@@ -43,14 +43,14 @@ test.describe('AI-812-partial-execs-broken-when-using-chat-trigger', () => {
}) => {
await n8n.canvas.executeNodeFromContextMenu('Edit Fields');
await expect(n8n.canvas.getManualChatModal()).toBeVisible();
await n8n.canvas.sendManualChatMessage('Test Partial Execution');
await expect(n8n.canvas.logsPanel.getManualChatModal()).toBeVisible();
await n8n.canvas.logsPanel.sendManualChatMessage('Test Partial Execution');
await expect(n8n.canvas.getManualChatMessages()).toHaveCount(2);
await expect(n8n.canvas.getManualChatMessages().first()).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages()).toHaveCount(2);
await expect(n8n.canvas.logsPanel.getManualChatMessages().first()).toContainText(
'Test Partial Execution',
);
await expect(n8n.canvas.getManualChatMessages().last()).toContainText(
await expect(n8n.canvas.logsPanel.getManualChatMessages().last()).toContainText(
'Set 1 with chatInput: Test Partial Execution',
);
});

4
packages/testing/playwright/tests/ui/env-mock-server.spec.ts
View File

@@ -41,7 +41,7 @@ test.describe('Proxy server @capability:proxy', () => {
// Execute workflow - this should now proxy through mockserver
await n8n.workflowComposer.executeWorkflowAndWaitForNotification('Successful');
await n8n.canvas.openNode('HTTP Request');
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toContainText('Hello from ProxyServer!');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toContainText('Hello from ProxyServer!');
// Verify the request was handled by mockserver
expect(
@@ -70,6 +70,6 @@ test.describe('Proxy server @capability:proxy', () => {
await n8n.canvas.openNode('HTTP Request');
await n8n.ndv.setParameterInput('url', 'https://jsonplaceholder.typicode.com/todos/1');
await n8n.ndv.execute();
await expect(n8n.ndv.getOutputTbodyCell(0, 0)).toContainText('1');
await expect(n8n.ndv.outputPanel.getTbodyCell(0, 0)).toContainText('1');
});
});