Update tests

Author: rickhanlonii

packages/react-scripts/fixtures/kitchensink/template/src/features/env/ExpandEnvVariables.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import ReactDOMClient from 'react-dom/client';
 import ExpandEnvVariables from './ExpandEnvVariables';
+import { flushSync } from 'react-dom';
 
 describe('expand .env variables', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<ExpandEnvVariables />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<ExpandEnvVariables />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/env/FileEnvVariables.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import FileEnvVariables from './FileEnvVariables';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('.env variables', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<FileEnvVariables />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<FileEnvVariables />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/env/PublicUrl.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import PublicUrl from './PublicUrl';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('PUBLIC_URL', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<PublicUrl />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<PublicUrl />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/env/ShellEnvVariables.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import ShellEnvVariables from './ShellEnvVariables';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('shell env variables', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<ShellEnvVariables />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<ShellEnvVariables />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/CssInclusion.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import CssInclusion from './CssInclusion';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('css inclusion', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<CssInclusion />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<CssInclusion />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/CssModulesInclusion.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import CssModulesInclusion from './CssModulesInclusion';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('css modules inclusion', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<CssModulesInclusion />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<CssModulesInclusion />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/DynamicImport.test.js

@@ -7,12 +7,15 @@
 
 import React from 'react';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('dynamic import', () => {
   it('renders without crashing', async () => {
     const DynamicImport = (await import('./DynamicImport')).default;
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<DynamicImport />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<DynamicImport />);
+    });
     expect(div.textContent).toBe('Hello World!');
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/ImageInclusion.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import ImageInclusion from './ImageInclusion';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('image inclusion', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<ImageInclusion />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<ImageInclusion />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/JsonInclusion.test.js

@@ -8,10 +8,13 @@
 import React from 'react';
 import JsonInclusion from './JsonInclusion';
 import ReactDOMClient from 'react-dom/client';
+import { flushSync } from 'react-dom';
 
 describe('JSON inclusion', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<JsonInclusion />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<JsonInclusion />);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/template/src/features/webpack/LinkedModules.test.js

@@ -9,6 +9,7 @@ import React from 'react';
 import ReactDOMClient from 'react-dom/client';
 import { test, version } from 'test-integrity';
 import LinkedModules from './LinkedModules';
+import { flushSync } from 'react-dom';
 
 describe('linked modules', () => {
   it('has integrity', () => {
@@ -18,6 +19,8 @@ describe('linked modules', () => {
 
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOMClient.createRoot(div).render(<LinkedModules />);
+    flushSync(() => {
+      ReactDOMClient.createRoot(div).render(<LinkedModules />);
+    });
   });
 });