refactor(react-components): more test util import path replacements (#5052)

* refactor(react-components): use import alias for all tests

* chore: fix some broken imports

Author: haakonflatval-cognite

react-components/package.json

@@ -8,7 +8,8 @@
     }
   },
   "imports": {
-    "#test-utils/*": "./tests/tests-utilities/*.ts"
+    "#test-utils/*": "./tests/tests-utilities/*.ts",
+    "#test-components/*": "./tests/tests-utilities/*.tsx"
   },
   "types": "./dist/index.d.ts",
   "type": "module",

react-components/src/architecture/base/utilities/extensions/rayExtensions.test.ts

@@ -1,7 +1,7 @@
 import { Ray, Vector3 } from 'three';
 import { describe, test } from 'vitest';
 import { getClosestPointOnLine } from './rayExtensions';
-import { expectEqualVector3 } from '../../../../../tests/tests-utilities/primitives/primitiveTestUtil';
+import { expectEqualVector3 } from '#test-utils/primitives/primitiveTestUtil';
 
 describe('getClosestPointOnLine', () => {
   test('should get closest when orthogonal', () => {

react-components/src/architecture/base/utilities/extensions/vectorExtensions.test.ts

@@ -10,7 +10,7 @@ import {
   rotatePiHalf,
   verticalDistanceTo
 } from './vectorExtensions';
-import { expectEqualVector3 } from '../../../../../tests/tests-utilities/primitives/primitiveTestUtil';
+import { expectEqualVector3 } from '#test-utils/primitives/primitiveTestUtil';
 
 describe('vectorExtensions', () => {
   test('should calculate horizontal angle', () => {

react-components/src/architecture/concrete/primitives/box/BoxView.test.ts

@@ -10,12 +10,12 @@ import { FocusType } from '../../../base/domainObjectsHelpers/FocusType';
 import { Changes } from '../../../base/domainObjectsHelpers/Changes';
 import { DomainObjectChange } from '../../../base/domainObjectsHelpers/DomainObjectChange';
 import { CDF_TO_VIEWER_TRANSFORMATION, type CustomObjectIntersectInput } from '@cognite/reveal';
-import { expectEqualVector3 } from '../../../../../tests/tests-utilities/primitives/primitiveTestUtil';
+import { expectEqualVector3 } from '#test-utils/primitives/primitiveTestUtil';
 import {
   addView,
   createIntersectInput,
   expectChildrenLength
-} from '../../../../../tests/tests-utilities/architecture/viewUtil';
+} from '#test-utils/architecture/viewUtil';
 import { isDomainObjectIntersection } from '../../../base/domainObjectsHelpers/DomainObjectIntersection';
 import { PrimitivePickInfo } from '../common/PrimitivePickInfo';
 import { MeasureBoxDomainObject } from '../../measurements/MeasureBoxDomainObject';

react-components/src/components/Reveal3DResources/hooks/useRemoveNonReferencedModels.test.tsx

@@ -14,21 +14,11 @@ import {
   viewerImage360CollectionsMock,
   viewerModelsMock,
   viewerRemoveModelsMock
-} from '../../../../tests/tests-utilities/fixtures/viewer';
-import { createRenderTargetMock } from '../../../../tests/tests-utilities/fixtures/renderTarget';
-import {
-  cadMock,
-  cadModelOptions,
-  createCadMock
-} from '../../../../tests/tests-utilities/fixtures/cadModel';
-import {
-  createImage360ClassicMock,
-  image360ClassicOptions
-} from '../../../../tests/tests-utilities/fixtures/image360';
-import {
-  createPointCloudMock,
-  pointCloudModelOptions
-} from '../../../../tests/tests-utilities/fixtures/pointCloud';
+} from '#test-utils/fixtures/viewer';
+import { createRenderTargetMock } from '#test-utils/fixtures/renderTarget';
+import { cadMock, cadModelOptions, createCadMock } from '#test-utils/fixtures/cadModel';
+import { createImage360ClassicMock, image360ClassicOptions } from '#test-utils/fixtures/image360';
+import { createPointCloudMock, pointCloudModelOptions } from '#test-utils/fixtures/pointCloud';
 
 describe(useRemoveNonReferencedModels.name, () => {
   beforeEach(() => {

react-components/src/components/RevealCanvas/ViewerContext.test.tsx

@@ -5,7 +5,7 @@ import { describe, test, expect, beforeEach } from 'vitest';
 import { useRenderTarget, useReveal, ViewerContextProvider } from './ViewerContext';
 import { type Cognite3DViewer, type DataSourceType } from '@cognite/reveal';
 import { cleanup, render } from '@testing-library/react';
-import { createRenderTargetMock } from '../../../tests/tests-utilities/fixtures/renderTarget';
+import { createRenderTargetMock } from '#test-utils/fixtures/renderTarget';
 import { type RevealRenderTarget } from '../../architecture';
 import { type ReactElement } from 'react';
 

react-components/src/components/RevealToolbar/LayersButton/components/LayersButtonsStrip.test.tsx

@@ -9,15 +9,15 @@ import {
   createCadHandlerMock,
   createPointCloudHandlerMock,
   createImage360HandlerMock
-} from '../../../../../tests/tests-utilities/fixtures/modelHandler';
+} from '#test-utils/fixtures/modelHandler';
 import {
   viewerMock,
   viewerImage360CollectionsMock,
   viewerModelsMock
-} from '../../../../../tests/tests-utilities/fixtures/viewer';
+} from '#test-utils/fixtures/viewer';
 import { type CogniteModel } from '@cognite/reveal';
-import { cadMock } from '../../../../../tests/tests-utilities/fixtures/cadModel';
-import { createImage360ClassicMock } from '../../../../../tests/tests-utilities/fixtures/image360';
+import { cadMock } from '#test-utils/fixtures/cadModel';
+import { createImage360ClassicMock } from '#test-utils/fixtures/image360';
 import { LayersButtonStrip } from './LayersButtonsStrip';
 import { type ModelLayerHandlers } from '../types';
 import { type ReactNode, type ReactElement } from 'react';

react-components/src/components/RevealToolbar/LayersButton/components/ModelLayerSelection.test.tsx

@@ -4,7 +4,7 @@
 import { render, fireEvent } from '@testing-library/react';
 import { describe, expect, test, vi } from 'vitest';
 import { ModelLayerSelection } from './ModelLayerSelection';
-import { createCadHandlerMock } from '../../../../../tests/tests-utilities/fixtures/modelHandler';
+import { createCadHandlerMock } from '#test-utils/fixtures/modelHandler';
 import { SelectPanel } from '@cognite/cogs-lab';
 
 describe(ModelLayerSelection.name, () => {

react-components/src/components/RevealToolbar/LayersButton/components/ModelLayersButton.test.tsx

@@ -4,7 +4,7 @@
 import { render, fireEvent } from '@testing-library/react';
 import { describe, expect, test, vi, beforeEach } from 'vitest';
 import { ModelLayersButton } from './ModelLayersButton';
-import { createCadHandlerMock } from '../../../../../tests/tests-utilities/fixtures/modelHandler';
+import { createCadHandlerMock } from '#test-utils/fixtures/modelHandler';
 import { type ModelHandler } from '../ModelHandler';
 
 describe(ModelLayersButton.name, () => {

react-components/src/components/RevealToolbar/LayersButton/components/ModelLayersList.test.tsx

@@ -4,7 +4,7 @@
 import { render } from '@testing-library/react';
 import { describe, expect, test, vi } from 'vitest';
 import { ModelLayersList } from './ModelLayersList';
-import { createCadHandlerMock } from '../../../../../tests/tests-utilities/fixtures/modelHandler';
+import { createCadHandlerMock } from '#test-utils/fixtures/modelHandler';
 import { SelectPanel } from '@cognite/cogs-lab';
 
 describe(ModelLayersList.name, () => {