Move legacy components to separate folder (#2397)

Author: connor-baer

packages/circuit-ui/components/ComponentsContext/components/Link/Link.spec.tsx

@@ -16,7 +16,7 @@
 import { describe, expect, it } from 'vitest';
 import { createRef } from 'react';
 
-import { render, renderToHtml, axe } from '../../../../util/test-utils.js';
+import { render, axe } from '../../../../util/test-utils.js';
 
 import { Link } from './Link.js';
 
@@ -58,8 +58,8 @@ describe('Link', () => {
 
   describe('accessibility', () => {
     it('should meet accessibility guidelines', async () => {
-      const wrapper = renderToHtml(<Link {...defaultProps} />);
-      const actual = await axe(wrapper);
+      const { container } = render(<Link {...defaultProps} />);
+      const actual = await axe(container);
       expect(actual).toHaveNoViolations();
     });
   });

packages/circuit-ui/components/Step/Step.spec.tsx

@@ -15,7 +15,7 @@
 
 import { Mock, afterAll, describe, expect, it, vi } from 'vitest';
 
-import { create, render } from '../../util/test-utils.js';
+import { render } from '../../util/test-utils.js';
 
 import Step from './Step.js';
 import { useStep } from './hooks/useStep.js';
@@ -33,9 +33,9 @@ describe('Step', () => {
     );
 
     // @ts-expect-error We're testing for this error.
-    expect(() => create(<Step />)).toThrow(expectedError);
+    expect(() => render(<Step />)).toThrow(expectedError);
     expect(() =>
-      create(
+      render(
         <Step>
           {/* @ts-expect-error We're testing for this error. */}
           <div />

packages/circuit-ui/components/Tooltip/Tooltip.stories.tsx

@@ -15,7 +15,7 @@
 
 import { describe, expect, it } from 'vitest';
 
-import { render } from '../../util/test-utils.js';
+import { render } from '../../../util/test-utils.js';
 
 import { RangePicker } from './index.js';
 

packages/circuit-ui/components/Calendar/RangePicker.spec.tsx renamed to packages/circuit-ui/components/legacy/Calendar/RangePicker.spec.tsx

@@ -23,7 +23,7 @@ import type { DateRangePickerShape } from 'react-dates';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import 'react-dates/initialize.js';
 
-import styled from '../../styles/styled.js';
+import styled from '../../../styles/styled.js';
 
 import { CalendarWrapper } from './components/index.js';
 

packages/circuit-ui/components/Calendar/RangePicker.stories.tsx renamed to packages/circuit-ui/components/legacy/Calendar/RangePicker.stories.tsx

@@ -15,9 +15,9 @@
 
 import { describe, expect, it, vi } from 'vitest';
 
-import { render } from '../../util/test-utils.js';
+import { render } from '../../../util/test-utils.js';
 
-import { SingleDayPicker } from '.';
+import { SingleDayPicker } from './index.js';
 
 const props = { onDateChange: vi.fn(), onFocusChange: vi.fn() };
 

packages/circuit-ui/components/Calendar/RangePicker.tsx renamed to packages/circuit-ui/components/legacy/Calendar/RangePicker.tsx

@@ -20,7 +20,7 @@ import type { SingleDatePickerShape } from 'react-dates';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import 'react-dates/initialize.js';
 
-import styled from '../../styles/styled.js';
+import styled from '../../../styles/styled.js';
 
 import { CalendarWrapper } from './components/index.js';