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

test(editor): Add more tests

Browse source
This commit is contained in:
Csaba Tuncsik 2025-03-05 16:20:52 +01:00
parent 99dce3f8c6
commit c39685bbc0
No known key found for this signature in database
2 changed files with 36 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/frontend/editor-ui/src/components/NodeExecuteButton.test.ts
View file

@ -221,6 +221,7 @@ describe('NodeExecuteButton', () => {
expect(queryByRole('tooltip')).not.toBeInTheDocument(); expect(queryByRole('tooltip')).not.toBeInTheDocument();
await userEvent.hover(button); await userEvent.hover(button);
expect(getByRole('tooltip')).toBeVisible(); expect(getByRole('tooltip')).toBeVisible();
expect(getByRole('tooltip')).toHaveTextContent('Enable node to execute'); expect(getByRole('tooltip')).toHaveTextContent('Enable node to execute');
}); });
@ -239,6 +240,7 @@ describe('NodeExecuteButton', () => {
expect(queryByRole('tooltip')).not.toBeInTheDocument(); expect(queryByRole('tooltip')).not.toBeInTheDocument();
await userEvent.hover(button); await userEvent.hover(button);
expect(getByRole('tooltip')).toBeVisible(); expect(getByRole('tooltip')).toBeVisible();
expect(getByRole('tooltip')).toHaveTextContent('Workflow is already running'); expect(getByRole('tooltip')).toHaveTextContent('Workflow is already running');
}); });
@ -371,6 +373,7 @@ describe('NodeExecuteButton', () => {
const { getByRole, emitted } = renderComponent(); const { getByRole, emitted } = renderComponent();
await userEvent.click(getByRole('button')); await userEvent.click(getByRole('button'));
expect(generateCodeForAiTransformSpy).toHaveBeenCalledTimes(1); expect(generateCodeForAiTransformSpy).toHaveBeenCalledTimes(1);
expect(toast.showMessage).toHaveBeenCalledTimes(1); expect(toast.showMessage).toHaveBeenCalledTimes(1);
expect(emitted().valueChanged).toEqual([ expect(emitted().valueChanged).toEqual([

42
packages/frontend/editor-ui/src/components/canvas/elements/nodes/CanvasNodeToolbar.test.ts
View file

@ -1,4 +1,5 @@
import { fireEvent, waitFor } from '@testing-library/vue'; import { waitFor } from '@testing-library/vue';
import userEvent from '@testing-library/user-event';
import CanvasNodeToolbar from '@/components/canvas/elements/nodes/CanvasNodeToolbar.vue'; import CanvasNodeToolbar from '@/components/canvas/elements/nodes/CanvasNodeToolbar.vue';
import { createComponentRenderer } from '@/__tests__/render'; import { createComponentRenderer } from '@/__tests__/render';
import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data'; import { createCanvasNodeProvide, createCanvasProvide } from '@/__tests__/data';
@ -35,6 +36,29 @@ describe('CanvasNodeToolbar', () => {
expect(getByTestId('execute-node-button')).toBeDisabled(); expect(getByTestId('execute-node-button')).toBeDisabled();
}); });
it('should render disabled execute node button when node is deactivated', async () => {
const { getByTestId, getByRole } = renderComponent({
global: {
provide: {
...createCanvasNodeProvide({
data: {
disabled: true,
},
}),
...createCanvasProvide(),
},
},
});
const button = getByTestId('execute-node-button');
expect(button).toBeDisabled();
await userEvent.hover(button);
expect(getByRole('tooltip')).toBeVisible();
expect(getByRole('tooltip')).toHaveTextContent("This node is deactivated and can't be run");
});
it('should not render execute node button when renderType is configuration', async () => { it('should not render execute node button when renderType is configuration', async () => {
const { queryByTestId } = renderComponent({ const { queryByTestId } = renderComponent({
global: { global: {
@ -65,7 +89,7 @@ describe('CanvasNodeToolbar', () => {
}, },
}); });
await fireEvent.click(getByTestId('execute-node-button')); await userEvent.click(getByTestId('execute-node-button'));
expect(emitted('run')[0]).toEqual([]); expect(emitted('run')[0]).toEqual([]);
}); });
@ -80,7 +104,7 @@ describe('CanvasNodeToolbar', () => {
}, },
}); });
await fireEvent.click(getByTestId('disable-node-button')); await userEvent.click(getByTestId('disable-node-button'));
expect(emitted('toggle')[0]).toEqual([]); expect(emitted('toggle')[0]).toEqual([]);
}); });
@ -95,7 +119,7 @@ describe('CanvasNodeToolbar', () => {
}, },
}); });
await fireEvent.click(getByTestId('delete-node-button')); await userEvent.click(getByTestId('delete-node-button'));
expect(emitted('delete')[0]).toEqual([]); expect(emitted('delete')[0]).toEqual([]);
}); });
@ -110,7 +134,7 @@ describe('CanvasNodeToolbar', () => {
}, },
}); });
await fireEvent.click(getByTestId('overflow-node-button')); await userEvent.click(getByTestId('overflow-node-button'));
expect(emitted('open:contextmenu')[0]).toEqual([expect.any(MouseEvent)]); expect(emitted('open:contextmenu')[0]).toEqual([expect.any(MouseEvent)]);
}); });
@ -132,8 +156,8 @@ describe('CanvasNodeToolbar', () => {
}, },
}); });
await fireEvent.click(getByTestId('change-sticky-color')); await userEvent.click(getByTestId('change-sticky-color'));
await fireEvent.click(getAllByTestId('color')[0]); await userEvent.click(getAllByTestId('color')[0]);
expect(emitted('update')[0]).toEqual([{ color: 1 }]); expect(emitted('update')[0]).toEqual([{ color: 1 }]);
}); });
@ -150,7 +174,7 @@ describe('CanvasNodeToolbar', () => {
const toolbar = getByTestId('canvas-node-toolbar'); const toolbar = getByTestId('canvas-node-toolbar');
await fireEvent.mouseEnter(toolbar); await userEvent.hover(toolbar);
expect(toolbar).toHaveClass('forceVisible'); expect(toolbar).toHaveClass('forceVisible');
}); });
@ -174,7 +198,7 @@ describe('CanvasNodeToolbar', () => {
const toolbar = getByTestId('canvas-node-toolbar'); const toolbar = getByTestId('canvas-node-toolbar');
await fireEvent.click(getByTestId('change-sticky-color')); await userEvent.click(getByTestId('change-sticky-color'));
await waitFor(() => expect(toolbar).toHaveClass('forceVisible')); await waitFor(() => expect(toolbar).toHaveClass('forceVisible'));
}); });