refactor(editor): Move test files alongside tested files (no-changelog) (#11504)

.git-blame-ignore-revs

@@ -11,3 +11,7 @@
 # refactor: Run lintfix (no-changelog) (#7537)
 
 62c096710fab2f7e886518abdbded34b55e93f62
+
+# refactor: Move test files alongside tested files (#11504)
+
+7e58fc4fec468aca0b45d5bfe6150e1af632acbc

packages/editor-ui/src/components/AssignmentCollection/Assignment.test.ts

@@ -1,7 +1,7 @@
 import { createComponentRenderer } from '@/__tests__/render';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
-import Assignment from '../Assignment.vue';
+import Assignment from './Assignment.vue';
 import { defaultSettings } from '@/__tests__/defaults';
 import { STORES } from '@/constants';
 import { merge } from 'lodash-es';

packages/editor-ui/src/components/AssignmentCollection/AssignmentCollection.test.ts

@@ -4,7 +4,7 @@ import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { fireEvent, within } from '@testing-library/vue';
 import * as workflowHelpers from '@/composables/useWorkflowHelpers';
-import AssignmentCollection from '../AssignmentCollection.vue';
+import AssignmentCollection from './AssignmentCollection.vue';
 import { STORES } from '@/constants';
 import { cleanupAppModals, createAppModals, SETTINGS_STORE_DEFAULT_STATE } from '@/__tests__/utils';
 
@@ -117,7 +117,7 @@ describe('AssignmentCollection.vue', () => {
 		await dropAssignment({ key: 'objectKey', value: {}, dropArea });
 		await dropAssignment({ key: 'arrayKey', value: [], dropArea });
 
-		let assignments = await findAllByTestId('assignment');
+		const assignments = await findAllByTestId('assignment');
 
 		expect(assignments.length).toBe(5);
 		expect(getAssignmentType(assignments[0])).toEqual('Boolean');

packages/editor-ui/src/components/AssignmentCollection/TypeSelect.test.ts

@@ -1,7 +1,7 @@
 import { createComponentRenderer } from '@/__tests__/render';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
-import TypeSelect from '../TypeSelect.vue';
+import TypeSelect from './TypeSelect.vue';
 
 const DEFAULT_SETUP = {
 	pinia: createTestingPinia(),

packages/editor-ui/src/components/CodeNodeEditor/completions/itemField.completions.test.ts

@@ -1,6 +1,6 @@
 import { CompletionContext } from '@codemirror/autocomplete';
 import { EditorSelection, EditorState } from '@codemirror/state';
-import { useItemFieldCompletions } from '../itemField.completions';
+import { useItemFieldCompletions } from './itemField.completions';
 
 describe('inputMethodCompletions', () => {
 	test('should return completions for $input.item.|', () => {

packages/editor-ui/src/components/CollectionParameter.test.ts

@@ -1,6 +1,6 @@
 import { createComponentRenderer } from '@/__tests__/render';
 import { createTestingPinia } from '@pinia/testing';
-import CollectionParameter from '../CollectionParameter.vue';
+import CollectionParameter from './CollectionParameter.vue';
 
 const renderComponent = createComponentRenderer(CollectionParameter, {
 	pinia: createTestingPinia(),

packages/editor-ui/src/components/CommunityPackageInstallModal.spec.ts

@@ -1,5 +1,5 @@
 import { createComponentRenderer } from '@/__tests__/render';
-import CommunityPackageInstallModal from '../CommunityPackageInstallModal.vue';
+import CommunityPackageInstallModal from './CommunityPackageInstallModal.vue';
 import { createTestingPinia } from '@pinia/testing';
 import { COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, STORES } from '@/constants';
 import userEvent from '@testing-library/user-event';

packages/editor-ui/src/components/CredentialIcon.test.ts

@@ -7,7 +7,7 @@ import CredentialIcon from '@/components/CredentialIcon.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 import { useCredentialsStore } from '@/stores/credentials.store';
 import { useRootStore } from '@/stores/root.store';
-import { useNodeTypesStore } from '../../stores/nodeTypes.store';
+import { useNodeTypesStore } from '../stores/nodeTypes.store';
 
 describe('CredentialIcon', () => {
 	const renderComponent = createComponentRenderer(CredentialIcon, {

packages/editor-ui/src/components/DropArea/DropArea.test.ts

@@ -4,7 +4,7 @@ import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { fireEvent } from '@testing-library/vue';
 import { createPinia, setActivePinia } from 'pinia';
-import DropArea from '../DropArea.vue';
+import DropArea from './DropArea.vue';
 
 const renderComponent = createComponentRenderer(DropArea, {
 	pinia: createTestingPinia(),

packages/editor-ui/src/components/FilterConditions/FilterConditions.test.ts

@@ -6,7 +6,7 @@ import { useNDVStore } from '@/stores/ndv.store';
 import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { within, waitFor } from '@testing-library/vue';
-import { getFilterOperator } from '../utils';
+import { getFilterOperator } from './utils';
 import { get } from 'lodash-es';
 
 const DEFAULT_SETUP = {

packages/editor-ui/src/components/FilterConditions/utils.test.ts

@@ -1,4 +1,4 @@
-import { getFilterOperator, handleOperatorChange, inferOperatorType } from '../utils';
+import { getFilterOperator, handleOperatorChange, inferOperatorType } from './utils';
 
 describe('FilterConditions > utils', () => {
 	describe('handleOperatorChange', () => {

packages/editor-ui/src/components/HtmlEditor.test.ts

@@ -7,7 +7,7 @@ import HtmlEditor from '@/components/HtmlEditor/HtmlEditor.vue';
 import { userEvent } from '@testing-library/user-event';
 import { waitFor } from '@testing-library/vue';
 import { setActivePinia } from 'pinia';
-import { htmlEditorEventBus } from '../../event-bus';
+import { htmlEditorEventBus } from '../event-bus';
 
 const DEFAULT_SETUP = {
 	props: {

packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorOutput.test.ts

@@ -1,6 +1,6 @@
 import { renderComponent } from '@/__tests__/render';
 import { createTestingPinia } from '@pinia/testing';
-import InlineExpressionEditorOutput from '../InlineExpressionEditorOutput.vue';
+import InlineExpressionEditorOutput from './InlineExpressionEditorOutput.vue';
 
 describe('InlineExpressionEditorOutput.vue', () => {
 	test('should render duplicate segments correctly', async () => {

packages/editor-ui/src/components/InputTriple/InputTriple.test.ts

@@ -1,5 +1,5 @@
 import { createComponentRenderer } from '@/__tests__/render';
-import InputTriple from '../InputTriple.vue';
+import InputTriple from './InputTriple.vue';
 
 const renderComponent = createComponentRenderer(InputTriple);
 

packages/editor-ui/src/components/Node/NodeCreator/CategoryItem.test.ts

@@ -1,5 +1,5 @@
 import { screen } from '@testing-library/vue';
-import CategoryItem from '../ItemTypes/CategoryItem.vue';
+import CategoryItem from './ItemTypes/CategoryItem.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 
 const renderComponent = createComponentRenderer(CategoryItem);

packages/editor-ui/src/components/Node/NodeCreator/ItemsRenderer.test.ts

@@ -8,7 +8,7 @@ import {
 	mockActionCreateElement,
 	mockViewCreateElement,
 	mockSectionCreateElement,
-} from './utils';
+} from './__tests__/utils';
 import ItemsRenderer from '@/components/Node/NodeCreator/Renderers/ItemsRenderer.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 

packages/editor-ui/src/components/Node/NodeCreator/NodesListPanel.test.ts

@@ -4,8 +4,8 @@ import { createPinia } from 'pinia';
 import { screen, fireEvent } from '@testing-library/vue';
 import type { INodeTypeDescription } from 'n8n-workflow';
 import { useNodeCreatorStore } from '@/stores/nodeCreator.store';
-import { mockSimplifiedNodeType } from './utils';
+import { mockSimplifiedNodeType } from './__tests__/utils';
-import NodesListPanel from '../Panel/NodesListPanel.vue';
+import NodesListPanel from './Panel/NodesListPanel.vue';
 import { REGULAR_NODE_CREATOR_VIEW } from '@/constants';
 import type { NodeFilterType } from '@/Interface';
 import { createComponentRenderer } from '@/__tests__/render';

packages/editor-ui/src/components/Node/NodeCreator/useActions.test.ts

@@ -3,7 +3,7 @@ import { createTestingPinia } from '@pinia/testing';
 import { useNodeCreatorStore } from '@/stores/nodeCreator.store';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import { useWorkflowsStore } from '@/stores/workflows.store';
-import { useActions } from '../composables/useActions';
+import { useActions } from './composables/useActions';
 import {
 	HTTP_REQUEST_NODE_TYPE,
 	MANUAL_TRIGGER_NODE_TYPE,

packages/editor-ui/src/components/Node/NodeCreator/useActionsGeneration.test.ts

@@ -1,5 +1,5 @@
 import { NodeConnectionType, type INodeProperties, type INodeTypeDescription } from 'n8n-workflow';
-import { useActionsGenerator } from '../composables/useActionsGeneration';
+import { useActionsGenerator } from './composables/useActionsGeneration';
 
 describe('useActionsGenerator', () => {
 	const { generateMergedNodesAndActions } = useActionsGenerator();

packages/editor-ui/src/components/Node/NodeCreator/useKeyboardNavigation.test.ts

@@ -1,6 +1,6 @@
 import userEvent from '@testing-library/user-event';
 import { defineComponent, computed } from 'vue';
-import { useKeyboardNavigation } from '../composables/useKeyboardNavigation';
+import { useKeyboardNavigation } from './composables/useKeyboardNavigation';
 import { createComponentRenderer } from '@/__tests__/render';
 import { createPinia } from 'pinia';
 

packages/editor-ui/src/components/Node/NodeCreator/utils.test.ts

@@ -1,6 +1,10 @@
 import type { SectionCreateElement } from '@/Interface';
-import { formatTriggerActionName, groupItemsInSections, sortNodeCreateElements } from '../utils';
+import { formatTriggerActionName, groupItemsInSections, sortNodeCreateElements } from './utils';
-import { mockActionCreateElement, mockNodeCreateElement, mockSectionCreateElement } from './utils';
+import {
+	mockActionCreateElement,
+	mockNodeCreateElement,
+	mockSectionCreateElement,
+} from './__tests__/utils';
 
 describe('NodeCreator - utils', () => {
 	describe('groupItemsInSections', () => {

packages/editor-ui/src/components/ParameterInput.test.ts

@@ -6,7 +6,7 @@ import { createTestingPinia } from '@pinia/testing';
 import { faker } from '@faker-js/faker';
 import { waitFor } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
-import type { useNodeTypesStore } from '../../stores/nodeTypes.store';
+import type { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import { cleanupAppModals, createAppModals } from '@/__tests__/utils';
 
 let mockNdvState: Partial<ReturnType<typeof useNDVStore>>;

packages/editor-ui/src/components/ResourceMapper.test.ts

@@ -2,7 +2,7 @@ import {
 	DEFAULT_SETUP,
 	MAPPING_COLUMNS_RESPONSE,
 	UPDATED_SCHEMA,
-} from './utils/ResourceMapper.utils';
+} from './__tests__/utils/ResourceMapper.utils';
 import { useNodeTypesStore } from '@/stores/nodeTypes.store';
 import { cleanupAppModals, createAppModals, waitAllPromises } from '@/__tests__/utils';
 import ResourceMapper from '@/components/ResourceMapper/ResourceMapper.vue';

packages/editor-ui/src/components/VariablesRow.spec.ts

@@ -1,4 +1,4 @@
-import VariablesRow from '../VariablesRow.vue';
+import VariablesRow from './VariablesRow.vue';
 import { fireEvent } from '@testing-library/vue';
 import { setupServer } from '@/__tests__/server';
 import { afterAll, beforeAll } from 'vitest';

packages/editor-ui/src/components/banners/V1Banner.spec.ts

@@ -1,5 +1,5 @@
 import { createComponentRenderer } from '@/__tests__/render';
-import V1Banner from '../V1Banner.vue';
+import V1Banner from './V1Banner.vue';
 import { createPinia, setActivePinia } from 'pinia';
 import { useUsersStore } from '@/stores/users.store';
 import { ROLE } from '@/constants';

packages/editor-ui/src/composables/useAIAssistantHelpers.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
 import type { INode } from 'n8n-workflow';
-import { useAIAssistantHelpers } from '../useAIAssistantHelpers';
+import { useAIAssistantHelpers } from './useAIAssistantHelpers';
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 

packages/editor-ui/src/composables/useAutocompleteTelemetry.test.ts

@@ -5,7 +5,7 @@ import { createTestingPinia } from '@pinia/testing';
 import { waitFor } from '@testing-library/vue';
 import { setActivePinia } from 'pinia';
 import { beforeEach, describe, vi } from 'vitest';
-import { useAutocompleteTelemetry } from '../useAutocompleteTelemetry';
+import { useAutocompleteTelemetry } from './useAutocompleteTelemetry';
 
 const trackSpy = vi.fn();
 const setAutocompleteOnboardedSpy = vi.fn();

packages/editor-ui/src/composables/useDebounce.test.ts

@@ -1,5 +1,5 @@
 import { vi, describe, it, expect } from 'vitest';
-import { useDebounce } from '../useDebounce';
+import { useDebounce } from './useDebounce';
 import { render, screen } from '@testing-library/vue';
 
 describe('useDebounce()', () => {

packages/editor-ui/src/composables/useDocumentTitle.test.ts

@@ -1,7 +1,7 @@
 import { mock } from 'vitest-mock-extended';
 import { describe, it, expect } from 'vitest';
 import type { FrontendSettings } from '@n8n/api-types';
-import { useDocumentTitle } from '../useDocumentTitle';
+import { useDocumentTitle } from './useDocumentTitle';
 
 const settings = mock<FrontendSettings>({ releaseChannel: 'stable' });
 vi.mock('@/stores/settings.store', () => ({

packages/editor-ui/src/composables/useExpressionEditor.test.ts

@@ -6,7 +6,7 @@ import { setActivePinia } from 'pinia';
 import { beforeEach, describe, vi } from 'vitest';
 import { defineComponent, h, ref, toValue } from 'vue';
 import { n8nLang } from '@/plugins/codemirror/n8nLang';
-import { useExpressionEditor } from '../useExpressionEditor';
+import { useExpressionEditor } from './useExpressionEditor';
 import { useRouter } from 'vue-router';
 import { EditorSelection } from '@codemirror/state';
 import userEvent from '@testing-library/user-event';

packages/editor-ui/src/composables/useHistoryHelper.test.ts

@@ -2,7 +2,7 @@ import { vi, describe, it, expect } from 'vitest';
 import { MAIN_HEADER_TABS } from '@/constants';
 import { render } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
-import { useHistoryHelper } from '../useHistoryHelper';
+import { useHistoryHelper } from './useHistoryHelper';
 import { defineComponent, type PropType } from 'vue';
 import type { RouteLocationNormalizedLoaded } from 'vue-router';
 import { mock } from 'vitest-mock-extended';

packages/editor-ui/src/composables/useKeybindings.test.ts

@@ -2,7 +2,7 @@ import { renderComponent } from '@/__tests__/render';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 import { defineComponent, h, ref } from 'vue';
-import { useKeybindings } from '../useKeybindings';
+import { useKeybindings } from './useKeybindings';
 
 const renderTestComponent = async (...args: Parameters<typeof useKeybindings>) => {
 	return renderComponent(

packages/editor-ui/src/composables/usePageRedirectionHelper.test.ts

@@ -1,13 +1,13 @@
 import { ROLE } from '@/constants';
 import { useSettingsStore } from '@/stores/settings.store';
 import { merge } from 'lodash-es';
-import { usePageRedirectionHelper } from '../usePageRedirectionHelper';
+import { usePageRedirectionHelper } from './usePageRedirectionHelper';
 import { defaultSettings } from '@/__tests__/defaults';
 import { useUsersStore } from '@/stores/users.store';
 import { createPinia, setActivePinia } from 'pinia';
 import * as cloudPlanApi from '@/api/cloudPlans';
 import { useVersionsStore } from '@/stores/versions.store';
-import { useTelemetry } from '../useTelemetry';
+import { useTelemetry } from './useTelemetry';
 
 let settingsStore: ReturnType<typeof useSettingsStore>;
 let usersStore: ReturnType<typeof useUsersStore>;

packages/editor-ui/src/plugins/codemirror/completions/base.completions.test.ts

@@ -14,7 +14,7 @@ import type { CompletionSource, CompletionResult } from '@codemirror/autocomplet
 import { CompletionContext } from '@codemirror/autocomplete';
 import { EditorState } from '@codemirror/state';
 import { n8nLang } from '@/plugins/codemirror/n8nLang';
-import { LUXON_RECOMMENDED_OPTIONS, STRING_RECOMMENDED_OPTIONS } from '../constants';
+import { LUXON_RECOMMENDED_OPTIONS, STRING_RECOMMENDED_OPTIONS } from './constants';
 import { uniqBy } from 'lodash-es';
 
 beforeEach(async () => {

packages/editor-ui/src/plugins/codemirror/completions/completions.test.ts

@@ -12,7 +12,7 @@ import {
 	natives,
 } from '@/plugins/codemirror/completions/datatype.completions';
 
-import { mockProxy } from './mock';
+import { mockProxy } from './__tests__/mock';
 import type { CompletionSource, CompletionResult } from '@codemirror/autocomplete';
 import { CompletionContext } from '@codemirror/autocomplete';
 import { EditorState } from '@codemirror/state';
@@ -28,7 +28,7 @@ import {
 	METHODS_SECTION,
 	RECOMMENDED_SECTION,
 	STRING_RECOMMENDED_OPTIONS,
-} from '../constants';
+} from './constants';
 import { set, uniqBy } from 'lodash-es';
 import { mockNodes } from '@/__tests__/mocks';
 

packages/editor-ui/src/plugins/codemirror/completions/utils.test.ts

@@ -1,7 +1,7 @@
 import { createTestNode, createTestWorkflowObject } from '@/__tests__/mocks';
 import * as workflowHelpers from '@/composables/useWorkflowHelpers';
 import { javascriptLanguage } from '@codemirror/lang-javascript';
-import { autocompletableNodeNames, expressionWithFirstItem } from '../utils';
+import { autocompletableNodeNames, expressionWithFirstItem } from './utils';
 import type { MockInstance } from 'vitest';
 import * as ndvStore from '@/stores/ndv.store';
 import { NodeConnectionType, type IConnections } from 'n8n-workflow';

packages/editor-ui/src/plugins/codemirror/dragAndDrop.test.ts

@@ -4,8 +4,8 @@ import { EditorView } from '@codemirror/view';
 import { createTestingPinia } from '@pinia/testing';
 import { fireEvent } from '@testing-library/dom';
 import { setActivePinia } from 'pinia';
-import { mappingDropCursor } from '../dragAndDrop';
+import { mappingDropCursor } from './dragAndDrop';
-import { n8nLang } from '../n8nLang';
+import { n8nLang } from './n8nLang';
 
 describe('CodeMirror drag and drop', () => {
 	beforeEach(() => {

packages/editor-ui/src/plugins/codemirror/tooltips/infoBoxTooltip.test.ts

@@ -3,7 +3,7 @@ import { EditorView, getTooltip, showTooltip, type Tooltip } from '@codemirror/v
 import { createTestingPinia } from '@pinia/testing';
 import { setActivePinia } from 'pinia';
 import { n8nLang } from '@/plugins/codemirror/n8nLang';
-import { hoverTooltipSource, infoBoxTooltips } from '../InfoBoxTooltip';
+import { hoverTooltipSource, infoBoxTooltips } from './InfoBoxTooltip';
 import * as utils from '@/plugins/codemirror/completions/utils';
 import * as workflowHelpers from '@/composables/useWorkflowHelpers';