Remove path aliases from react/test

Author: ecraig12345

.github/test-a-feature.md

@@ -51,9 +51,9 @@ These tests are typically imported into individual component tests.
 Every common test receives your component as its first argument.
 
 ```tsx
-import { isConformant } from 'test/specs/commonTests'
+import { isConformant } from '../../commonTests'
 
-import Divider from 'src/components/Divider/Divider'
+import { Divider } from '@fluentui/react'
 
 describe('Divider', () => {
   isConformant(Divider)
@@ -85,9 +85,9 @@ There should be one describe block for each prop of your component.
 Example for `Button` component:
 
 ```tsx
-import { isConformant } from 'test/specs/commonTests'
+import { isConformant } from '../../commonTests'
 
-import Button from 'src/components/Button'
+import { Button } from '@fluentui/react'
 
 describe('Button', () => {
   isConformant(Button)
@@ -242,7 +242,7 @@ Add your spec file into the array of files `skipSpecChecksForFiles` in `testHelp
 
 ## Performance Tests
 
-Performance tests will measure performance, set a baseline for performance and help guard against regressions. 
+Performance tests will measure performance, set a baseline for performance and help guard against regressions.
 
 ### Adding a Perf Test
 

packages/accessibility/test/behaviors/behavior-test.tsx

@@ -83,6 +83,7 @@ import {
 import { TestHelper } from './testHelper'
 import definitions from './testDefinitions'
 
+// TODO (@ecraig12345) - remove relative docs import
 const behaviorMenuItems = require('../../../../docs/src/behaviorMenu')
 
 const testHelper = new TestHelper()

packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts

@@ -4,7 +4,7 @@ import {
   emptyTheme,
   ICSSInJSStyle,
 } from '@fluentui/styles'
-import resolveStylesAndClasses from '../../src/styles/resolveStylesAndClasses'
+import resolveStylesAndClasses from '@fluentui/react-bindings/src/styles/resolveStylesAndClasses'
 
 const styleParam: ComponentStyleFunctionParam = {
   disableAnimations: false,

packages/react/jest.config.js

@@ -3,12 +3,5 @@ const commonConfig = require('@fluentui/internal-tooling/jest')
 module.exports = {
   ...commonConfig,
   name: 'react',
-  moduleNameMapper: {
-    ...require('lerna-alias').jest(),
-    'docs/(.*)$': `<rootDir>/../../docs/$1`,
-
-    // Legacy aliases, they should not be used in new tests
-    '^src/(.*)$': `<rootDir>/src/$1`,
-    'test/(.*)$': `<rootDir>/test/$1`,
-  },
+  moduleNameMapper: require('lerna-alias').jest(),
 }

packages/react/test/specs/commonTests/handlesAccessibility.tsx

@@ -8,8 +8,8 @@ import { FocusZone, FOCUSZONE_WRAP_ATTRIBUTE } from '@fluentui/react-bindings'
 import * as React from 'react'
 import * as keyboardKey from 'keyboard-key'
 
-import { mountWithProviderAndGetComponent, mountWithProvider } from 'test/utils'
-import { UIComponent } from 'src/utils'
+import { mountWithProviderAndGetComponent, mountWithProvider } from '../../utils'
+import { UIComponent } from '@fluentui/react'
 import { EVENT_TARGET_ATTRIBUTE, getEventTargetComponent } from './eventTarget'
 
 export const getRenderedAttribute = (renderedComponent, propName, partSelector) => {

packages/react/test/specs/commonTests/htmlIsAccessibilityCompliant.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as ReactDOMServer from 'react-dom/server'
 import { axe, toHaveNoViolations } from 'jest-axe'
-import { EmptyThemeProvider } from 'test/utils'
+import { EmptyThemeProvider } from '../../utils'
 
 type AxeMatcher<R> = jest.Matchers<R, any> & {
   toHaveNoViolations: () => R

packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
-import { mountWithProvider as mount } from 'test/utils'
+import { mountWithProvider as mount } from '../../utils'
 import * as _ from 'lodash'
-import { PropsOf } from 'src/types'
+import { PropsOf } from '@fluentui/react'
 
 export type CollectionShorthandTestOptions<TProps = any> = {
   mapsValueToProp: keyof (TProps & React.HTMLProps<HTMLElement>) | false

packages/react/test/specs/commonTests/implementsShorthandProp.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { ReactWrapper } from 'enzyme'
-import { mountWithProvider } from 'test/utils'
-import { Props, PropsOf, InstanceOf } from 'src/types'
+import { mountWithProvider } from '../../utils'
+import { Props, PropsOf, InstanceOf } from '@fluentui/react'
 
 export type ShorthandTestOptions<TProps = any> = {
   mapsValueToProp: keyof (TProps & React.HTMLProps<HTMLElement>) | false

packages/react/test/specs/commonTests/implementsWrapperProp.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react'
 import { ReactWrapper } from 'enzyme'
-import { mountWithProvider as mount } from 'test/utils'
+import { mountWithProvider as mount } from '../../utils'
 
-import Box from 'src/components/Box/Box'
-import { Props, ShorthandValue } from 'src/types'
+import { Box, Props, ShorthandValue } from '@fluentui/react'
 
 export interface ImplementsWrapperPropOptions {
   wrapppedComponentSelector: any

packages/react/test/specs/commonTests/isConformant.tsx

@@ -14,10 +14,10 @@ import {
   getDisplayName,
   mountWithProvider as mount,
   syntheticEvent,
-} from 'test/utils'
+} from '../../utils'
 import helpers from './commonHelpers'
 
-import * as FluentUI from 'src/index'
+import * as FluentUI from '@fluentui/react'
 import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget'
 
 export interface Conformant {
@@ -112,7 +112,8 @@ export default function isConformant(
   // This is pretty ugly because:
   // - jest doesn't support custom error messages
   // - jest will run all test
-  const infoJSONPath = `docs/src/componentInfo/${constructorName}.info.json`
+  // TODO (@ecraig12345) - remove relative docs import
+  const infoJSONPath = `../../../../../docs/src/componentInfo/${constructorName}.info.json`
 
   let info
 
@@ -124,7 +125,7 @@ export default function isConformant(
       throw new Error(
         [
           '!! ==========================================================',
-          `!! Missing ${infoJSONPath}.`,
+          `!! Missing ${infoJSONPath.replace('../../../../../', '')}.`,
           '!! Run `yarn test` or `yarn test:watch` again to generate one.',
           '!! ==========================================================',
         ].join('\n'),