Gates

Author: rickhanlonii

packages/react-devtools-shared/src/__tests__/storeComponentFilters-test.js

@@ -189,114 +189,116 @@ describe('Store component filters', () => {
     `);
   });
 
-  // TODO: How to gate by experimental?
-  it.skip('should filter Activity', async () => {
+  it('should filter Activity', async () => {
     const Activity = React.unstable_Activity;
 
-    await actAsync(async () =>
-      render(
-        <React.Fragment>
-          <Activity mode="visible">
-            <div>Visible</div>
-          </Activity>
-          <Activity mode="hidden">
-            <div>Hidden</div>
-          </Activity>
-        </React.Fragment>,
-      ),
-    );
+    if (Activity != null) {
+      await actAsync(async () =>
+        render(
+          <React.Fragment>
+            <Activity mode="visible">
+              <div>Visible</div>
+            </Activity>
+            <Activity mode="hidden">
+              <div>Hidden</div>
+            </Activity>
+          </React.Fragment>,
+        ),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Activity>
             <div>
         ▾ <Activity>
             <div>
     `);
 
-    await actAsync(
-      async () =>
-        (store.componentFilters = [
-          utils.createElementTypeFilter(Types.ElementTypeActivity),
-        ]),
-    );
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity),
+          ]),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
           <div>
           <div>
     `);
 
-    await actAsync(
-      async () =>
-        (store.componentFilters = [
-          utils.createElementTypeFilter(Types.ElementTypeActivity, false),
-        ]),
-    );
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity, false),
+          ]),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <Activity>
             <div>
         ▾ <Activity>
             <div>
     `);
+    }
   });
 
-  // TODO: How to gate by experimental?
-  it.skip('should filter ViewTransition', async () => {
+  it('should filter ViewTransition', async () => {
     const ViewTransition = React.unstable_ViewTransition;
 
-    await actAsync(async () =>
-      render(
-        <React.Fragment>
-          <ViewTransition>
-            <div>Visible</div>
-          </ViewTransition>
-          <ViewTransition>
-            <div>Hidden</div>
-          </ViewTransition>
-        </React.Fragment>,
-      ),
-    );
+    if (ViewTransition != null) {
+      await actAsync(async () =>
+        render(
+          <React.Fragment>
+            <ViewTransition>
+              <div>Visible</div>
+            </ViewTransition>
+            <ViewTransition>
+              <div>Hidden</div>
+            </ViewTransition>
+          </React.Fragment>,
+        ),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <ViewTransition>
             <div>
         ▾ <ViewTransition>
             <div>
     `);
 
-    await actAsync(
-      async () =>
-        (store.componentFilters = [
-          utils.createElementTypeFilter(Types.ElementTypeActivity),
-        ]),
-    );
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity),
+          ]),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <ViewTransition>
             <div>
         ▾ <ViewTransition>
             <div>
     `);
 
-    await actAsync(
-      async () =>
-        (store.componentFilters = [
-          utils.createElementTypeFilter(Types.ElementTypeActivity, false),
-        ]),
-    );
+      await actAsync(
+        async () =>
+          (store.componentFilters = [
+            utils.createElementTypeFilter(Types.ElementTypeActivity, false),
+          ]),
+      );
 
-    expect(store).toMatchInlineSnapshot(`
+      expect(store).toMatchInlineSnapshot(`
       [root]
         ▾ <ViewTransition>
             <div>
         ▾ <ViewTransition>
             <div>
     `);
+    }
   });
 
   it('should ignore invalid ElementTypeRoot filter', async () => {