further separate react-router

package.json

@@ -9,7 +9,8 @@
 	},
 	"exports": {
 		".": "./index.js",
-		"./jest": "./jest/index.js"
+		"./jest": "./jest/index.js",
+		"./react-router": "./react-router/index.js"
 	},
 	"types": "index.d.ts",
 	"scripts": {

src/Link.test.tsx

@@ -2,47 +2,8 @@ import {render, screen} from '@testing-library/react';
 import {BrowserRouter} from 'react-router-dom';
 import {testForAccessibility} from './jest';
 import Link from './Link';
-import LinkBehavior from './LinkBehavior';
 
 describe('Link.tsx', () => {
-	test('Plain React Router Link: render', async () => {
-		render(<>
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/">Home</Link>
-			</BrowserRouter>
-		</>);
-
-		expect(screen.getByText(/home/i)).toBeInTheDocument();
-	});
-
-	test('Plain React Router Link: primary color', async () => {
-		render(<>
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/" color="primary">Home</Link>
-			</BrowserRouter>
-		</>);
-
-		expect(screen.getByText(/home/i)).toBeInTheDocument();
-	});
-
-	test('Plain React Router Link: inherit color', async () => {
-		render(<>
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/" color="inherit">Home</Link>
-			</BrowserRouter>
-		</>);
-
-		expect(screen.getByText(/home/i)).toBeInTheDocument();
-	});
-
-	describe('Plain React Router Link: a11y', () => {
-		testForAccessibility(
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/">Home</Link>
-			</BrowserRouter>
-		);
-	});
-
 	test('Plain Mui Link: render', async () => {
 		render(<>
 			<BrowserRouter>
@@ -61,24 +22,6 @@ describe('Link.tsx', () => {
 		);
 	});
 
-	test('External React Router Link: render', async () => {
-		render(<>
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/" target="_blank">Home</Link>
-			</BrowserRouter>
-		</>);
-
-		expect(screen.getByText(/home/i)).toBeInTheDocument();
-	});
-
-	describe('External React Router Link: a11y', () => {
-		testForAccessibility(
-			<BrowserRouter>
-				<Link component={LinkBehavior} href="/" target="_blank">Home</Link>
-			</BrowserRouter>
-		);
-	});
-
 	test('External Mui Link: render', async () => {
 		render(<>
 			<BrowserRouter>

src/UkraineButton.test.tsx

@@ -1,24 +1,17 @@
 import {render, screen} from '@testing-library/react';
-import {BrowserRouter} from 'react-router-dom';
 import {testForAccessibility} from './jest';
 import UkraineButton from './UkraineButton';
 
 describe('UkraineButton.tsx', () => {
 	test('Render', async () => {
-		render(<>
-			<BrowserRouter>
-				<UkraineButton/>
-			</BrowserRouter>
-		</>);
+		render(<UkraineButton/>);
 
 		expect(screen.getByLabelText(/Stand with Ukraine/i)).toBeInTheDocument();
 	});
 
 	describe('a11y check', () => {
 		testForAccessibility(
-			<BrowserRouter>
-				<UkraineButton/>
-			</BrowserRouter>
+			<UkraineButton/>
 		);
 	});
 });

src/index.tsx

@@ -1,8 +1,6 @@
 export {default as Breakpoints} from './Breakpoints';
 export {default as Dialog} from './Dialog';
-export {default as GoogleAnalyticsProvider} from './GoogleAnalyticsProvider';
 export {default as Link} from './Link';
-export {default as LinkBehavior} from './LinkBehavior';
 export {default as SkipNav} from './SkipNav';
 export {default as Tabs, TabContent} from './Tabs';
 export {default as UkraineButton} from './UkraineButton';

src/GoogleAnalyticsProvider.test.tsx → src/react-router/GoogleAnalyticsProvider.test.tsx

@@ -2,8 +2,8 @@ import {render, screen} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import ReactGA from 'react-ga4';
 import {MemoryRouter} from 'react-router-dom';
+import Link from '../Link';
 import GoogleAnalyticsProvider from './GoogleAnalyticsProvider';
-import Link from './Link';
 import LinkBehavior from './LinkBehavior';
 
 const GA_TRACKING_ID: string | undefined = 'G-ABCDEFGHI9';

src/react-router/LinkBehavior.test.tsx

@@ -0,0 +1,63 @@
+import {render, screen} from '@testing-library/react';
+import {BrowserRouter} from 'react-router-dom';
+import {testForAccessibility} from '../jest';
+import Link from '../Link';
+import LinkBehavior from './LinkBehavior';
+
+describe('LinkBehavior.tsx', () => {
+	test('Plain React Router Link: render', async () => {
+		render(<>
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/">Home</Link>
+			</BrowserRouter>
+		</>);
+
+		expect(screen.getByText(/home/i)).toBeInTheDocument();
+	});
+
+	test('Plain React Router Link: primary color', async () => {
+		render(<>
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/" color="primary">Home</Link>
+			</BrowserRouter>
+		</>);
+
+		expect(screen.getByText(/home/i)).toBeInTheDocument();
+	});
+
+	test('Plain React Router Link: inherit color', async () => {
+		render(<>
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/" color="inherit">Home</Link>
+			</BrowserRouter>
+		</>);
+
+		expect(screen.getByText(/home/i)).toBeInTheDocument();
+	});
+
+	describe('Plain React Router Link: a11y', () => {
+		testForAccessibility(
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/">Home</Link>
+			</BrowserRouter>
+		);
+	});
+
+	test('External React Router Link: render', async () => {
+		render(<>
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/" target="_blank">Home</Link>
+			</BrowserRouter>
+		</>);
+
+		expect(screen.getByText(/home/i)).toBeInTheDocument();
+	});
+
+	describe('External React Router Link: a11y', () => {
+		testForAccessibility(
+			<BrowserRouter>
+				<Link component={LinkBehavior} href="/" target="_blank">Home</Link>
+			</BrowserRouter>
+		);
+	});
+});

src/react-router/index.ts

@@ -0,0 +1,2 @@
+export {default as GoogleAnalyticsProvider} from './GoogleAnalyticsProvider';
+export {default as LinkBehavior} from './LinkBehavior';