refactor(editor): Rename design-system unit test files and snapshots (no-changelog) (#11539)

.git-blame-ignore-revs

@@ -15,3 +15,4 @@
 # refactor: Move test files alongside tested files (#11504)
 
 7e58fc4fec468aca0b45d5bfe6150e1af632acbc
+f32b13c6ed078be042a735bc8621f27e00dc3116

packages/design-system/src/components/AskAssistantAvatar/AskAssistantAvatar.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import AssistantAvatar from '../AssistantAvatar.vue';
+import AssistantAvatar from './AssistantAvatar.vue';
 
 describe('AskAssistantAvatar', () => {
 	it('renders small avatar correctly', () => {

packages/design-system/src/components/AskAssistantButton/AskAssistantButton.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import AskAssistantButton from '../AskAssistantButton.vue';
+import AskAssistantButton from './AskAssistantButton.vue';
 
 describe('AskAssistantButton', () => {
 	it('renders default button correctly', () => {

packages/design-system/src/components/AskAssistantChat/AskAssistantChat.test.ts

@@ -2,7 +2,7 @@ import { render } from '@testing-library/vue';
 
 import { n8nHtml } from 'n8n-design-system/directives';
 
-import AskAssistantChat from '../AskAssistantChat.vue';
+import AskAssistantChat from './AskAssistantChat.vue';
 
 const stubs = ['n8n-avatar', 'n8n-button', 'n8n-icon', 'n8n-icon-button'];
 

packages/design-system/src/components/AskAssistantIcon/AssistantIcon.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import AssistantIcon from '../AssistantIcon.vue';
+import AssistantIcon from './AssistantIcon.vue';
 
 describe('AssistantIcon', () => {
 	it('renders default icon correctly', () => {

packages/design-system/src/components/AskAssistantLoadingMessage/AskAssistantLoadingMessage.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import AssistantLoadingMessage from '../AssistantLoadingMessage.vue';
+import AssistantLoadingMessage from './AssistantLoadingMessage.vue';
 
 describe('AssistantLoadingMessage', () => {
 	it('renders loading message correctly', () => {

packages/design-system/src/components/AskAssistantText/AssistantText.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import AssistantText from '../AssistantText.vue';
+import AssistantText from './AssistantText.vue';
 
 describe('AssistantText', () => {
 	it('renders default text correctly', () => {

packages/design-system/src/components/BetaTag/BetaTag.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import BetaTag from '../BetaTag.vue';
+import BetaTag from './BetaTag.vue';
 
 describe('BetaTag', () => {
 	it('renders beta tag correctly', () => {

packages/design-system/src/components/BlinkingCursor/BlinkingCursor.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import BlinkingCursor from '../BlinkingCursor.vue';
+import BlinkingCursor from './BlinkingCursor.vue';
 
 describe('BlinkingCursor', () => {
 	it('renders blinking cursor correctly', () => {

packages/design-system/src/components/CodeDiff/CodeDiff.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import CodeDiff from '../CodeDiff.vue';
+import CodeDiff from './CodeDiff.vue';
 
 const stubs = ['n8n-button', 'n8n-icon'];
 

packages/design-system/src/components/ConditionalRouterLink/ConditionalRouterLink.test.ts

@@ -2,7 +2,7 @@ import { render } from '@testing-library/vue';
 import { beforeAll, describe } from 'vitest';
 import { createRouter, createWebHistory } from 'vue-router';
 
-import CondtionalRouterLink from '../CondtionalRouterLink.vue';
+import CondtionalRouterLink from './CondtionalRouterLink.vue';
 
 const slots = {
 	default: 'Button',

packages/design-system/src/components/N8nActionBox/ActionBox.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8NActionBox from '../ActionBox.vue';
+import N8NActionBox from './ActionBox.vue';
 
 describe('N8NActionBox', () => {
 	it('should render correctly', () => {

packages/design-system/src/components/N8nActionDropdown/ActionDropdown.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nActionDropdown from '../ActionDropdown.vue';
+import N8nActionDropdown from './ActionDropdown.vue';
 
 describe('components', () => {
 	describe('N8nActionDropdown', () => {

packages/design-system/src/components/N8nAlert/Alert.test.ts

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/vue';
 
-import N8nIcon from '../../N8nIcon';
-import N8nAlert from '../Alert.vue';
+import N8nAlert from './Alert.vue';
+import N8nIcon from '../N8nIcon';
 
 describe('components', () => {
 	describe('N8nAlert', () => {

packages/design-system/src/components/N8nAvatar/Avatar.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nAvatar from '../Avatar.vue';
+import N8nAvatar from './Avatar.vue';
 
 describe('components', () => {
 	describe('N8nAlert', () => {

packages/design-system/src/components/N8nBadge/Badge.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nBadge from '../Badge.vue';
+import N8nBadge from './Badge.vue';
 
 describe('components', () => {
 	describe('N8nBadge', () => {

packages/design-system/src/components/N8nBlockUi/BlockUi.test.ts

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/vue';
 
-import N8nBlockUi from '../BlockUi.vue';
+import N8nBlockUi from './BlockUi.vue';
 
 describe('components', () => {
 	describe('N8nBlockUi', () => {

packages/design-system/src/components/N8nButton/Button.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nButton from '../Button.vue';
+import N8nButton from './Button.vue';
 
 const slots = {
 	default: 'Button',

packages/design-system/src/components/N8nCallout/Callout.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nCallout from '../Callout.vue';
+import N8nCallout from './Callout.vue';
 
 describe('components', () => {
 	describe('N8nCallout', () => {

packages/design-system/src/components/N8nCard/Card.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nCard from '../Card.vue';
+import N8nCard from './Card.vue';
 
 describe('components', () => {
 	describe('N8nCard', () => {

packages/design-system/src/components/N8nCheckbox/Checkbox.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nCheckbox from '../Checkbox.vue';
+import N8nCheckbox from './Checkbox.vue';
 
 describe('components', () => {
 	describe('N8nCheckbox', () => {

packages/design-system/src/components/N8nCircleLoader/CircleLoader.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8NCircleLoader from '../CircleLoader.vue';
+import N8NCircleLoader from './CircleLoader.vue';
 
 describe('N8NCircleLoader', () => {
 	it('should render correctly', () => {

packages/design-system/src/components/N8nColorPicker/ColorPicker.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nColorPicker from '../ColorPicker.vue';
+import N8nColorPicker from './ColorPicker.vue';
 
 describe('components', () => {
 	describe('N8nColorPicker', () => {

packages/design-system/src/components/N8nDatatable/Datatable.test.ts

@@ -2,8 +2,8 @@ import { render } from '@testing-library/vue';
 
 import { removeDynamicAttributes } from 'n8n-design-system/utils';
 
-import { rows, columns } from './data';
-import N8nDatatable from '../Datatable.vue';
+import { rows, columns } from './__tests__/data';
+import N8nDatatable from './Datatable.vue';
 
 const stubs = [
 	'n8n-option',

packages/design-system/src/components/N8nFormBox/FormBox.test.ts

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

packages/design-system/src/components/N8nInfoTip/InfoTip.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nInfoTip from '../InfoTip.vue';
+import N8nInfoTip from './InfoTip.vue';
 
 const slots = {
 	default: ['Need help doing something?', '<a href="/docs" target="_blank">Open docs</a>'],

packages/design-system/src/components/N8nInput/Input.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nInput from '../Input.vue';
+import N8nInput from './Input.vue';
 
 describe('N8nInput', () => {
 	it('should render correctly', () => {

packages/design-system/src/components/N8nInputLabel/InputLabel.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import InputLabel from '../InputLabel.vue';
+import InputLabel from './InputLabel.vue';
 
 describe('component', () => {
 	describe('Text overflow behavior', () => {

packages/design-system/src/components/N8nMarkdown/Markdown.test.ts

@@ -2,7 +2,7 @@ import { render, fireEvent } from '@testing-library/vue';
 
 import { n8nHtml } from 'n8n-design-system/directives';
 
-import N8nMarkdown from '../Markdown.vue';
+import N8nMarkdown from './Markdown.vue';
 
 describe('components', () => {
 	describe('N8nMarkdown', () => {

packages/design-system/src/components/N8nNavigationDropdown/NavigationDropdown.test.ts

@@ -3,7 +3,7 @@ import { configure, render, waitFor } from '@testing-library/vue';
 import { h } from 'vue';
 import { createRouter, createWebHistory } from 'vue-router';
 
-import NavigationDropdown from '../NavigationDropdown.vue';
+import NavigationDropdown from './NavigationDropdown.vue';
 
 configure({ testIdAttribute: 'data-test-id' });
 

packages/design-system/src/components/N8nNotice/Notice.test.ts

@@ -3,7 +3,7 @@ import { render } from '@testing-library/vue';
 import { N8nText } from 'n8n-design-system/components';
 import { n8nHtml } from 'n8n-design-system/directives';
 
-import N8nNotice from '../Notice.vue';
+import N8nNotice from './Notice.vue';
 
 describe('components', () => {
 	describe('N8nNotice', () => {

packages/design-system/src/components/N8nRecycleScroller/RecycleScroller.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nRecycleScroller from '../RecycleScroller.vue';
+import N8nRecycleScroller from './RecycleScroller.vue';
 
 const itemSize = 100;
 const itemKey = 'id';

packages/design-system/src/components/N8nRoute/Route.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nRoute from '../Route.vue';
+import N8nRoute from './Route.vue';
 
 describe('N8nRoute', () => {
 	it('should render internal router links', () => {

packages/design-system/src/components/N8nSelect/Select.test.ts

@@ -4,8 +4,8 @@ import { defineComponent, ref } from 'vue';
 
 import { removeDynamicAttributes } from 'n8n-design-system/utils';
 
-import N8nOption from '../../N8nOption/Option.vue';
-import N8nSelect from '../Select.vue';
+import N8nSelect from './Select.vue';
+import N8nOption from '../N8nOption/Option.vue';
 
 describe('components', () => {
 	describe('N8nSelect', () => {

packages/design-system/src/components/N8nTooltip/Tooltip.test.ts

@@ -1,7 +1,7 @@
 import userEvent from '@testing-library/user-event';
 import { render } from '@testing-library/vue';
 
-import N8nTooltip from '../Tooltip.vue';
+import N8nTooltip from './Tooltip.vue';
 
 describe('components', () => {
 	describe('N8nTooltip', () => {

packages/design-system/src/components/N8nTree/Tree.test.ts

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 
-import N8nTree from '../Tree.vue';
+import N8nTree from './Tree.vue';
 
 describe('components', () => {
 	describe('N8nTree', () => {

packages/design-system/src/components/N8nUserStack/UserStack.test.ts

@@ -2,7 +2,7 @@ import { render } from '@testing-library/vue';
 
 import { N8nAvatar, N8nUserInfo } from 'n8n-design-system/main';
 
-import UserStack from '../UserStack.vue';
+import UserStack from './UserStack.vue';
 
 describe('UserStack', () => {
 	it('should render flat user list', () => {

packages/design-system/src/styleguide/ColorCircles.test.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue';
 import { mock, mockClear } from 'vitest-mock-extended';
 
-import ColorCircles from '../ColorCircles.vue';
+import ColorCircles from './ColorCircles.vue';
 
 describe('ColorCircles', () => {
 	const mockCssDeclaration = mock<CSSStyleDeclaration>();

packages/design-system/src/styleguide/Sizes.test.ts

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/vue';
 import { mock, mockClear } from 'vitest-mock-extended';
 
-import Sizes from '../Sizes.vue';
+import Sizes from './Sizes.vue';
 
 describe('Sizes', () => {
 	const mockCssDeclaration = mock<CSSStyleDeclaration>();

packages/design-system/src/utils/event-bus.test.ts

@@ -1,4 +1,4 @@
-import { createEventBus } from '../event-bus';
+import { createEventBus } from './event-bus';
 
 describe('createEventBus()', () => {
 	const eventBus = createEventBus();

packages/design-system/src/utils/markdown.test.ts

@@ -1,4 +1,4 @@
-import { toggleCheckbox } from '../markdown';
+import { toggleCheckbox } from './markdown';
 
 describe('toggleCheckbox', () => {
 	it('should do nothing when there are no checkboxes', () => {