Activity: rename Offscreen to Activity

Author: kassens

packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js

@@ -10,15 +10,15 @@
 
 'use strict';
 
+let Activity;
 let React = require('react');
 let ReactDOM;
 let ReactDOMClient;
 let ReactDOMServer;
-let Scheduler;
 let ReactFeatureFlags;
+let Scheduler;
 let Suspense;
 let SuspenseList;
-let Offscreen;
 let useSyncExternalStore;
 let act;
 let IdleEventPriority;
@@ -112,8 +112,8 @@ describe('ReactDOMServerPartialHydration', () => {
     act = require('internal-test-utils').act;
     ReactDOMServer = require('react-dom/server');
     Scheduler = require('scheduler');
+    Activity = React.unstable_Activity;
     Suspense = React.Suspense;
-    Offscreen = React.unstable_Offscreen;
     useSyncExternalStore = React.useSyncExternalStore;
     if (gate(flags => flags.enableSuspenseList)) {
       SuspenseList = React.unstable_SuspenseList;
@@ -778,7 +778,7 @@ describe('ReactDOMServerPartialHydration', () => {
     expect(span).not.toBe(span2);
 
     if (gate(flags => flags.dfsEffectsRefactor)) {
-      // The effects list refactor causes this to be null because the Suspense Offscreen's child
+      // The effects list refactor causes this to be null because the Suspense Activity's child
       // is null. However, since we can't hydrate Suspense in legacy this change in behavior is ok
       expect(ref.current).toBe(null);
     } else {
@@ -3152,14 +3152,14 @@ describe('ReactDOMServerPartialHydration', () => {
   });
 
   // @gate enableOffscreen
-  it('a visible Offscreen component acts like a fragment', async () => {
+  it('a visible Activity component acts like a fragment', async () => {
     const ref = React.createRef();
 
     function App() {
       return (
-        <Offscreen mode="visible">
+        <Activity mode="visible">
           <span ref={ref}>Child</span>
-        </Offscreen>
+        </Activity>
       );
     }
 
@@ -3169,7 +3169,7 @@ describe('ReactDOMServerPartialHydration', () => {
     const container = document.createElement('div');
     container.innerHTML = finalHTML;
 
-    // Visible Offscreen boundaries behave exactly like fragments: a
+    // Visible Activity boundaries behave exactly like fragments: a
     // pure indirection.
     expect(container).toMatchInlineSnapshot(`
       <div>
@@ -3188,7 +3188,7 @@ describe('ReactDOMServerPartialHydration', () => {
   });
 
   // @gate enableOffscreen
-  it('a hidden Offscreen component is skipped over during server rendering', async () => {
+  it('a hidden Activity component is skipped over during server rendering', async () => {
     const visibleRef = React.createRef();
 
     function HiddenChild() {
@@ -3201,9 +3201,9 @@ describe('ReactDOMServerPartialHydration', () => {
       return (
         <>
           <span ref={visibleRef}>Visible</span>
-          <Offscreen mode="hidden">
+          <Activity mode="hidden">
             <HiddenChild />
-          </Offscreen>
+          </Activity>
         </>
       );
     }

packages/react-reconciler/src/__tests__/ReactCache-test.js

@@ -6,7 +6,7 @@ let Scheduler;
 let assertLog;
 let act;
 let Suspense;
-let Offscreen;
+let Activity;
 let useCacheRefresh;
 let startTransition;
 let useState;
@@ -27,7 +27,7 @@ describe('ReactCache', () => {
     act = require('internal-test-utils').act;
     Suspense = React.Suspense;
     cache = React.cache;
-    Offscreen = React.unstable_Offscreen;
+    Activity = React.unstable_Activity;
     getCacheSignal = React.unstable_getCacheSignal;
     useCacheRefresh = React.unstable_useCacheRefresh;
     startTransition = React.startTransition;
@@ -1578,18 +1578,18 @@ describe('ReactCache', () => {
 
   // @gate enableOffscreen
   // @gate enableCache
-  test('prerender a new cache boundary inside an Offscreen tree', async () => {
+  test('prerender a new cache boundary inside an Activity tree', async () => {
     function App({prerenderMore}) {
       return (
-        <Offscreen mode="hidden">
+        <Activity mode="hidden">
           <div>
             {prerenderMore ? (
               <Cache>
                 <AsyncText text="More" />
               </Cache>
             ) : null}
           </div>
-        </Offscreen>
+        </Activity>
       );
     }
 

packages/react-reconciler/src/__tests__/ReactDeferredValue-test.js

@@ -16,7 +16,7 @@ let useDeferredValue;
 let useMemo;
 let useState;
 let Suspense;
-let Offscreen;
+let Activity;
 let assertLog;
 let waitForPaint;
 let textCache;
@@ -34,7 +34,7 @@ describe('ReactDeferredValue', () => {
     useMemo = React.useMemo;
     useState = React.useState;
     Suspense = React.Suspense;
-    Offscreen = React.unstable_Offscreen;
+    Activity = React.unstable_Activity;
 
     const InternalTestUtils = require('internal-test-utils');
     assertLog = InternalTestUtils.assertLog;
@@ -585,9 +585,7 @@ describe('ReactDeferredValue', () => {
       const [shouldShow, setState] = useState(false);
       revealContent = () => setState(true);
       return (
-        <Offscreen mode={shouldShow ? 'visible' : 'hidden'}>
-          {children}
-        </Offscreen>
+        <Activity mode={shouldShow ? 'visible' : 'hidden'}>{children}</Activity>
       );
     }
 
@@ -634,9 +632,7 @@ describe('ReactDeferredValue', () => {
       const [shouldShow, setState] = useState(false);
       revealContent = () => setState(true);
       return (
-        <Offscreen mode={shouldShow ? 'visible' : 'hidden'}>
-          {children}
-        </Offscreen>
+        <Activity mode={shouldShow ? 'visible' : 'hidden'}>{children}</Activity>
       );
     }
 
@@ -695,9 +691,9 @@ describe('ReactDeferredValue', () => {
 
       function Container({text, shouldShow}) {
         return (
-          <Offscreen mode={shouldShow ? 'visible' : 'hidden'}>
+          <Activity mode={shouldShow ? 'visible' : 'hidden'}>
             <App text={text} />
-          </Offscreen>
+          </Activity>
         );
       }
 
@@ -736,9 +732,9 @@ describe('ReactDeferredValue', () => {
 
       function Container({text, shouldShow}) {
         return (
-          <Offscreen mode={shouldShow ? 'visible' : 'hidden'}>
+          <Activity mode={shouldShow ? 'visible' : 'hidden'}>
             <App text={text} />
-          </Offscreen>
+          </Activity>
         );
       }
 
@@ -781,9 +777,9 @@ describe('ReactDeferredValue', () => {
 
       function Container({text, shouldShow}) {
         return (
-          <Offscreen mode={shouldShow ? 'visible' : 'hidden'}>
+          <Activity mode={shouldShow ? 'visible' : 'hidden'}>
             <App text={text} />
-          </Offscreen>
+          </Activity>
         );
       }