refactor: remove unnecessary @test/utils

packages/big-design/jest.config.js

@@ -2,10 +2,6 @@ const defaultJestConfig = require('@bigcommerce/configs/jest');
 
 module.exports = {
   ...defaultJestConfig,
-  moduleNameMapper: {
-    ...defaultJestConfig.moduleNameMapper,
-    '@test/utils': '<rootDir>/tests/utils',
-  },
   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
   coverageThreshold: {
     global: {

packages/big-design/src/components/AccordionPanel/spec.tsx

@@ -1,9 +1,8 @@
 import { ErrorIcon } from '@bigcommerce/big-design-icons';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { useState } from 'react';
 
-import { render, screen } from '@test/utils';
-
 import { Text } from '../Typography';
 
 import { AccordionProps } from './Accordion';

packages/big-design/src/components/Alert/spec.tsx

@@ -1,11 +1,9 @@
 import { theme } from '@bigcommerce/big-design-theme';
-import { screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Alert } from './Alert';
 
 test('render default (success) Alert', () => {

packages/big-design/src/components/Badge/spec.tsx

@@ -1,9 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { render } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Badge } from './index';
 
 test('has margin props', () => {

packages/big-design/src/components/Box/spec.tsx

@@ -1,10 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
-import { screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Box } from './index';
 
 test('has margin props', () => {

packages/big-design/src/components/Button/spec.tsx

@@ -1,11 +1,9 @@
 import { AddIcon } from '@bigcommerce/big-design-icons';
-import { screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { StyleableButton } from './private';
 
 import { Button } from './index';

packages/big-design/src/components/Checkbox/spec.tsx

@@ -1,9 +1,8 @@
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render, screen } from '@test/utils';
-
 import { warning } from '../../utils';
 
 import { CheckboxLabel } from './Label';

packages/big-design/src/components/Chip/spec.tsx

@@ -1,10 +1,8 @@
-import { screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Chip } from './index';
 
 test('renders the label', () => {

packages/big-design/src/components/Collapse/spec.tsx

@@ -1,10 +1,8 @@
-import { screen } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Text } from '../Typography';
 
 import { Collapse } from './Collapse';

packages/big-design/src/components/Counter/spec.tsx

@@ -1,9 +1,8 @@
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { createRef, Ref } from 'react';
 import 'jest-styled-components';
 
-import { render, screen } from '@test/utils';
-
 import { Button } from '../Button';
 import {
   Form,

packages/big-design/src/components/Datepicker/spec.tsx

@@ -1,11 +1,10 @@
 import 'jest-styled-components';
 
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { createRef } from 'react';
 import { default as ReactDatePicker } from 'react-datepicker';
 
-import { fireEvent, render, screen, waitFor } from '@test/utils';
-
 import { FormGroup } from '..';
 
 import { Datepicker } from './index';

packages/big-design/src/components/Dropdown/spec.tsx

@@ -1,11 +1,10 @@
 import { CheckCircleIcon } from '@bigcommerce/big-design-icons';
 import { remCalc } from '@bigcommerce/big-design-theme';
+import { act, fireEvent, render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 import 'jest-styled-components';
 
-import { act, fireEvent, render, screen } from '@test/utils';
-
 import { Button } from '../Button';
 
 import { Dropdown } from './';

packages/big-design/src/components/Fieldset/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { warning } from '../../utils';
 
 import { FieldsetDescription } from './Description';

packages/big-design/src/components/FileUploader/spec.tsx

@@ -1,10 +1,9 @@
 import { theme } from '@bigcommerce/big-design-theme';
 import { waitFor } from '@testing-library/dom';
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
-import { render, screen } from '@test/utils';
-
 import { warning } from '../../utils';
 import { FormControlLabel, FormGroup } from '../Form';
 

packages/big-design/src/components/Flex/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Flex, FlexItem } from './index';
 
 test('render flex', () => {

packages/big-design/src/components/Form/Description/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { FormControlDescription as Description } from './Description';
 
 test('renders description', () => {

packages/big-design/src/components/Form/Group/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { Input } from '../../Input';
 import { FormControlError } from '../Error';
 

packages/big-design/src/components/Form/Label/spec.tsx

@@ -1,7 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 
 import 'jest-styled-components';
-import { render } from '@test/utils';
 
 import { FormControlLabel } from './index';
 

packages/big-design/src/components/Form/spec.tsx

@@ -1,8 +1,7 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen, waitFor } from '@test/utils';
-
 import { Fieldset } from '../Fieldset';
 import { Input } from '../Input';
 

packages/big-design/src/components/Grid/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { GridItem } from './Item';
 
 import { Grid } from './index';

packages/big-design/src/components/InlineMessage/spec.tsx

@@ -1,9 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { InlineMessage, InlineMessageProps } from './InlineMessage';
 
 test('renders with margins', () => {

packages/big-design/src/components/Input/spec.tsx

@@ -1,10 +1,9 @@
 import { AddIcon } from '@bigcommerce/big-design-icons';
 import { theme } from '@bigcommerce/big-design-theme';
+import { render, screen } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render, screen } from '@test/utils';
-
 import { warning } from '../../utils';
 import { FormControlDescription, FormControlError, FormControlLabel, FormGroup } from '../Form';
 

packages/big-design/src/components/Link/spec.tsx

@@ -1,7 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 
 import 'jest-styled-components';
-import { render } from '@test/utils';
 
 import { Link } from './Link';
 

packages/big-design/src/components/Message/spec.tsx

@@ -1,8 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 
 import 'jest-styled-components';
-import { fireEvent, render, screen } from '@test/utils';
 
 import { Message, MessageProps } from './Message';
 

packages/big-design/src/components/Modal/spec.tsx

@@ -1,7 +1,7 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 
 import 'jest-styled-components';
-import { fireEvent, render, screen, waitFor } from '@test/utils';
 
 import { Button } from '../Button';
 import { Text } from '../Typography';

packages/big-design/src/components/Pagination/spec.tsx

@@ -1,8 +1,8 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
 import 'jest-styled-components';
-import { fireEvent, render, screen, waitFor } from '@test/utils';
 
 import { Pagination } from './index';
 

packages/big-design/src/components/Panel/spec.tsx

@@ -1,9 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { fireEvent, render, screen } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { Text } from '../Typography';
 
 import { Panel } from './Panel';

packages/big-design/src/components/Popover/spec.tsx

@@ -1,8 +1,7 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { fireEvent, render, screen } from '@testing-library/react';
 import React, { useState } from 'react';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { Popover } from './Popover';
 
 import { PopoverProps } from '.';

packages/big-design/src/components/ProgressBar/spec.tsx

@@ -1,8 +1,7 @@
+import { render } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { render } from '@test/utils';
-
 import { ProgressBar } from './ProgressBar';
 
 test('render determinant progress bar', () => {

packages/big-design/src/components/ProgressCircle/spec.tsx

@@ -1,9 +1,8 @@
 import 'jest-styled-components';
 
+import { render } from '@testing-library/react';
 import React from 'react';
 
-import { render } from '@test/utils';
-
 import { ProgressCircle } from './ProgressCircle';
 
 test('render determinant progress circle', () => {

packages/big-design/src/components/Radio/spec.tsx

@@ -1,8 +1,7 @@
+import { fireEvent, render, screen } from '@testing-library/react';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { warning } from '../../utils';
 
 import { Radio, RadioLabel } from './index';

packages/big-design/src/components/StatefulTable/spec.tsx

@@ -1,8 +1,7 @@
+import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { StatefulTable, StatefulTablePillTabFilter, StatefulTableProps } from './StatefulTable';
 
 interface TestItem {

packages/big-design/src/components/StatefulTree/spec.tsx

@@ -1,9 +1,8 @@
 import { theme } from '@bigcommerce/big-design-theme';
+import { fireEvent, render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { StatefulTree, StatefulTreeProps, TreeNodeProps } from '.';
 
 const nodes: Array<TreeNodeProps<number>> = [

packages/big-design/src/components/Switch/spec.tsx

@@ -1,9 +1,8 @@
+import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { createRef } from 'react';
 import 'jest-styled-components';
 
-import { render, screen } from '@test/utils';
-
 import { Switch } from './index';
 
 describe('render Switch', () => {

packages/big-design/src/components/Table/helpers/display/spec.tsx

@@ -1,10 +1,9 @@
 import { theme as defaultTheme } from '@bigcommerce/big-design-theme';
 import 'jest-styled-components';
+import { render } from '@testing-library/react';
 import React from 'react';
 import styled from 'styled-components';
 
-import { render } from '@test/utils';
-
 import { withTableColumnDisplay } from './display';
 import { TableColumnDisplayProps } from './types';
 

packages/big-design/src/components/Table/spec.tsx

@@ -1,9 +1,8 @@
+import { fireEvent, render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React, { CSSProperties } from 'react';
 import 'jest-styled-components';
 
-import { fireEvent, render, screen } from '@test/utils';
-
 import { Table, TableFigure } from './Table';
 import { TableColumn, TableItem } from './types';