@buoy-gg/redux 7.0.29 → 7.0.31

package/lib/commonjs/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "FREE_TIER_ACTION_LIMIT", {
     return _ReduxModal.FREE_TIER_ACTION_LIMIT;
   }
 });
+Object.defineProperty(exports, "REDUX_TEST_ID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.REDUX_TEST_ID;
+  }
+});
 Object.defineProperty(exports, "ReduxActionDetailContent", {
   enumerable: true,
   get: function () {
@@ -69,6 +75,18 @@ Object.defineProperty(exports, "ReduxToolView", {
     return _ReduxModal.ReduxToolView;
   }
 });
+Object.defineProperty(exports, "actionRowTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.actionRowTestID;
+  }
+});
+Object.defineProperty(exports, "buildActionRowTestIDs", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.buildActionRowTestIDs;
+  }
+});
 Object.defineProperty(exports, "buoyDevtoolsEnhancer", {
   enumerable: true,
   get: function () {
@@ -183,6 +201,12 @@ Object.defineProperty(exports, "replayAction", {
     return _buoyReduxMiddleware.replayAction;
   }
 });
+Object.defineProperty(exports, "slugForTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.slugForTestID;
+  }
+});
 Object.defineProperty(exports, "uninstrumentStore", {
   enumerable: true,
   get: function () {
@@ -228,4 +252,5 @@ var _ReduxActionDetailView = require("./redux/components/ReduxActionDetailView")
 var _ReduxActionDetailContent = require("./redux/components/ReduxActionDetailContent");
 var _ReduxIcon = require("./redux/components/ReduxIcon");
 var _ReduxAutoInstrument = require("./redux/components/ReduxAutoInstrument");
+var _testIDs = require("./redux/utils/testIDs");
 var _reduxActionStore = require("./redux/utils/reduxActionStore");

package/lib/commonjs/redux/components/ReduxActionButton.js

@@ -57,10 +57,12 @@ function ReduxActionButton({
   onPress,
   text,
   type,
-  disabled = false
+  disabled = false,
+  testID
 }) {
   const config = buttonConfigs[type];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    testID: testID,
     disabled: disabled,
     onPress: onPress,
     style: [styles.button, {

package/lib/commonjs/redux/components/ReduxActionDetailContent.js

@@ -11,6 +11,8 @@ var _sharedUi = require("@buoy-gg/shared-ui");
 var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
 var _ReduxDetailViewToggle = require("./ReduxDetailViewToggle");
 var _ReduxActionInfoView = require("./ReduxActionInfoView");
+var _testIDs = require("../utils/testIDs");
+var _reduxActionStore = require("../utils/reduxActionStore");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * ReduxActionDetailContent
@@ -89,6 +91,20 @@ function ReduxActionDetailContent({
   const [activeView, setActiveView] = (0, _react.useState)(initialView);
   const [diffMode, setDiffMode] = (0, _react.useState)("tree");
   const totalActions = actions.length;
+  /**
+   * The state trees this action was recorded with are gone.
+   *
+   * Not a failure: the store keeps raw prev/next state for the most recent
+   * actions only, because with structural sharing broken (a store switch, a
+   * rehydration) each retained action pins a distinct multi-MB subtree and a
+   * few dozen of them are enough to OOM-kill a large app. But it has to be
+   * SAID. The sentinel left behind is an ordinary object, so a state view that
+   * just rendered it showed `{ __buoyStateEvicted: true, … }` under the
+   * heading "STATE AFTER ACTION" — which reads as the app's actual state — and
+   * a diff of two identical sentinels reported "no changes", which is a lie
+   * about the app rather than about the recording.
+   */
+  const stateEvicted = (0, _reduxActionStore.isEvictedState)(action.nextState);
   const actionColor = getActionColor(action.type);
   const actionLabel = getActionLabel(action.type);
   const stateType = getValueType((0, _sharedUi.parseValue)(action.nextState));
@@ -139,9 +155,26 @@ function ReduxActionDetailContent({
 
   // Render state view
   const renderStateView = (0, _react.useCallback)(() => {
+    if (stateEvicted) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.contentCard,
+        testID: `${_testIDs.REDUX_TEST_ID}-state-evicted`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.valueHeader,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.valueLabel,
+            children: "STATE AFTER ACTION"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.evictedText,
+          children: `Not retained. Raw state is kept for the ${_reduxActionStore.STATE_RETENTION_LIMIT} most recent actions, so this action's before/after trees have been released.`
+        })]
+      });
+    }
     const parsed = (0, _sharedUi.parseValue)(action.nextState);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.contentCard,
+      testID: `${_testIDs.REDUX_TEST_ID}-state-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.valueHeader,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -163,6 +196,7 @@ function ReduxActionDetailContent({
             style: styles.typeBadge,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.typeText,
+              testID: `${_testIDs.REDUX_TEST_ID}-state-type`,
               children: stateType.toUpperCase()
             })
           })]
@@ -178,7 +212,7 @@ function ReduxActionDetailContent({
         })
       })]
     });
-  }, [action.nextState, actionColor, actionLabel, stateType]);
+  }, [action.nextState, actionColor, actionLabel, stateType, stateEvicted]);
 
   // Render diff content
   const renderDiffContent = (0, _react.useCallback)(() => {
@@ -218,7 +252,15 @@ function ReduxActionDetailContent({
   const handleFooterNext = (0, _react.useCallback)(() => {
     onIndexChange(Math.max(0, selectedIndex - 1));
   }, [selectedIndex, onIndexChange]);
-  const diffDisabled = totalActions <= 1;
+
+  // A diff needs two real trees, and both live on THIS action
+  // (prevState/nextState) — no siblings needed, so the action count says
+  // nothing (gating on it greyed DIFF out for every redux event opened from
+  // the Events timeline, which passes a one-element array). Eviction of
+  // EITHER side does disable it: two identical sentinels diff cleanly to
+  // "no changes", which reads as a lie.
+  const diffDisabled = stateEvicted || (0, _reduxActionStore.isEvictedState)(action.prevState) || action.prevState === undefined;
+  const showInternalFooter = !disableInternalFooter && totalActions > 1;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxDetailViewToggle.ReduxDetailViewToggle, {
@@ -226,7 +268,7 @@ function ReduxActionDetailContent({
       onViewChange: setActiveView,
       diffDisabled: diffDisabled
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.contentArea,
+      style: [styles.contentArea, showInternalFooter && styles.contentAreaFooterPad],
       children: [activeView === "action" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxActionInfoView.ReduxActionInfoView, {
         action: action
       }), activeView === "state" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -234,19 +276,22 @@ function ReduxActionDetailContent({
         children: renderStateView()
       }), activeView === "diff" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.diffContainer,
+        testID: `${_testIDs.REDUX_TEST_ID}-diff`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DiffModeTabs, {
           tabs: DIFF_MODE_TABS,
           activeTab: diffMode,
-          onTabChange: setDiffMode
+          onTabChange: setDiffMode,
+          testIDPrefix: `${_testIDs.REDUX_TEST_ID}-diff-tab`
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompareBar, {
           leftEvent: leftEvent,
           rightEvent: rightEvent
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.diffContent,
+          testID: `${_testIDs.REDUX_TEST_ID}-diff-content`,
           children: renderDiffContent()
         })]
       })]
-    }), !disableInternalFooter && totalActions > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EventStepperFooter, {
+    }), showInternalFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EventStepperFooter, {
       currentIndex: chronologicalNumber - 1,
       totalItems: totalActions,
       onPrevious: handleFooterPrevious,
@@ -286,7 +331,11 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: "transparent"
   },
   contentArea: {
-    flex: 1,
+    flex: 1
+  },
+  // Clearance for the absolute EventStepperFooter — only when it renders,
+  // otherwise hosts like the Events tool get a dead band at the sheet bottom.
+  contentAreaFooterPad: {
     paddingBottom: 96
   },
   // State view styles
@@ -350,6 +399,11 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: _sharedUi.night.color.border,
     padding: 8
   },
+  evictedText: {
+    fontSize: 12,
+    color: _sharedUi.night.color.textSecondary,
+    lineHeight: 18
+  },
   valueText: {
     fontSize: 12,
     color: _sharedUi.night.color.text,

package/lib/commonjs/redux/components/ReduxActionInfoView.js

@@ -12,6 +12,7 @@ var _dataViewer = require("@buoy-gg/shared-ui/dataViewer");
 var _reduxActionStore = require("../utils/reduxActionStore");
 var _buoyReduxMiddleware = require("../utils/buoyReduxMiddleware");
 var _ReduxActionButton = require("./ReduxActionButton");
+var _testIDs = require("../utils/testIDs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
@@ -89,10 +90,12 @@ function formatDuration(duration) {
 function SectionHeader({
   icon: Icon,
   title,
-  badge
+  badge,
+  testID
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.sectionHeader,
+    testID: testID,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.sectionHeaderLeft,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
@@ -113,7 +116,8 @@ function InfoRow({
   label,
   value,
   valueColor,
-  mono = false
+  mono = false,
+  testID
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.infoRow,
@@ -123,9 +127,14 @@ function InfoRow({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [styles.infoValue, mono && styles.infoValueMono, valueColor && {
         color: valueColor
-      }],
+      }]
+      // `ellipsizeMode="middle"` truncates the RENDERED text and iOS reports
+      // the truncated string back, so anything a test reads off one of these
+      // rows has to be short enough to fit on the line.
+      ,
       numberOfLines: 1,
       ellipsizeMode: "middle",
+      testID: testID,
       children: value
     })]
   });
@@ -156,6 +165,18 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
     }
   }, [showProModal, isPro]);
   const categoryInfo = getCategoryInfo(action.category);
+  // Time travel needs a REAL tree. The store releases raw state for older
+  // actions (see ReduxActionDetailContent), and `jumpToState` refuses the
+  // sentinel — but it refused into a console warning, so from the screen the
+  // button simply did nothing at all. A disabled button that says why is the
+  // difference between a limit and a bug.
+  const stateEvicted = (0, _reduxActionStore.isEvictedState)(action.nextState);
+  // Whether this app wired time travel at all. Capture and time travel are
+  // separate: an app can be fully captured through `buoyReduxMiddleware` and
+  // still have no reducer that answers a jump, in which case the press
+  // dispatched, was ignored, and left the screen exactly as it was.
+  const canTimeTravel = (0, _buoyReduxMiddleware.isTimeTravelAvailable)();
+  const jumpDisabled = stateEvicted || !canTimeTravel;
   const hasPayload = action.payload !== undefined;
   const hasMeta = action.meta && Object.keys(action.meta).length > 0;
   const hasError = action.error !== undefined;
@@ -196,11 +217,13 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
     }
   }, [action]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+    testID: `${_testIDs.REDUX_TEST_ID}-detail-scroll`,
     style: styles.container,
     contentContainerStyle: styles.contentContainer,
     showsVerticalScrollIndicator: false,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.card,
+      testID: `${_testIDs.REDUX_TEST_ID}-info-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.Info,
         title: "ACTION INFO"
@@ -209,15 +232,18 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
           label: "Type",
           value: action.type,
-          mono: true
+          mono: true,
+          testID: `${_testIDs.REDUX_TEST_ID}-info-type`
         }), action.sliceName && /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
           label: "Slice",
           value: action.sliceName,
-          mono: true
+          mono: true,
+          testID: `${_testIDs.REDUX_TEST_ID}-info-slice`
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
           label: "Action",
           value: action.actionName,
-          mono: true
+          mono: true,
+          testID: `${_testIDs.REDUX_TEST_ID}-info-action`
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.badgeRow,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -228,6 +254,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
               style: [styles.categoryText, {
                 color: categoryInfo.color
               }],
+              testID: `${_testIDs.REDUX_TEST_ID}-info-category`,
               children: categoryInfo.label
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -237,6 +264,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
               color: action.isSlowAction ? _sharedUi.buoyColors.error : _sharedUi.night.color.textSecondary
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: [styles.durationText, action.isSlowAction && styles.durationTextSlow],
+              testID: `${_testIDs.REDUX_TEST_ID}-info-duration`,
               children: formatDuration(action.duration)
             }), action.isSlowAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
               size: 10,
@@ -249,12 +277,14 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
               color: _sharedUi.buoyColors.success
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.changesText,
+              testID: `${_testIDs.REDUX_TEST_ID}-info-changes`,
               children: action.diffSummary || "changed"
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: styles.noChangesBadge,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: styles.noChangesText,
+              testID: `${_testIDs.REDUX_TEST_ID}-info-no-changes`,
               children: "no change"
             })
           })]
@@ -262,6 +292,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
       })]
     }), hasRelatedActions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.card,
+      testID: `${_testIDs.REDUX_TEST_ID}-async-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.Hash,
         title: "ASYNC FLOW",
@@ -269,6 +300,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
           style: styles.asyncBadge,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
             style: styles.asyncBadgeText,
+            testID: `${_testIDs.REDUX_TEST_ID}-async-count`,
             children: [relatedActions.length, " ACTIONS"]
           })
         })
@@ -276,6 +308,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
         style: styles.cardContent,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.baseActionType,
+          testID: `${_testIDs.REDUX_TEST_ID}-async-base`,
           children: baseActionType
         }), totalDuration !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.totalDurationRow,
@@ -284,6 +317,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
             children: "Total Duration"
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
             style: styles.totalDurationValue,
+            testID: `${_testIDs.REDUX_TEST_ID}-async-total`,
             children: [totalDuration, "ms"]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -296,6 +330,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
               onPress: () => onNavigateToAction?.(relatedAction),
               disabled: isCurrent || !onNavigateToAction,
               activeOpacity: 0.7,
+              testID: `${_testIDs.REDUX_TEST_ID}-async-step-${index}`,
               children: [index < relatedActions.length - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
                 style: styles.timelineConnector
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -314,10 +349,12 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
                       style: [styles.timelineStatusText, {
                         color: relatedCategoryInfo.color
                       }],
+                      testID: `${_testIDs.REDUX_TEST_ID}-async-step-${index}-status`,
                       children: relatedCategoryInfo.label
                     })
                   }), isCurrent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
                     style: styles.currentBadge,
+                    testID: `${_testIDs.REDUX_TEST_ID}-async-step-${index}-current`,
                     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                       style: styles.currentBadgeText,
                       children: "CURRENT"
@@ -334,6 +371,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
       })]
     }), hasPayload && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.card,
+      testID: `${_testIDs.REDUX_TEST_ID}-payload-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.Box,
         title: "PAYLOAD",
@@ -356,6 +394,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
       })]
     }), hasMeta && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.card,
+      testID: `${_testIDs.REDUX_TEST_ID}-meta-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.Hash,
         title: "ASYNC METADATA",
@@ -379,7 +418,8 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
         }), action.meta?.requestStatus && /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoRow, {
           label: "Status",
           value: action.meta.requestStatus.toUpperCase(),
-          valueColor: categoryInfo.color
+          valueColor: categoryInfo.color,
+          testID: `${_testIDs.REDUX_TEST_ID}-meta-status`
         }), action.meta?.arg !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.argSection,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -414,6 +454,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
       })]
     }), hasError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [styles.card, styles.errorCard],
+      testID: `${_testIDs.REDUX_TEST_ID}-error-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.AlertCircle,
         title: "ERROR",
@@ -421,6 +462,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
           style: styles.errorBadge,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.errorBadgeText,
+            testID: `${_testIDs.REDUX_TEST_ID}-error-badge`,
             children: "REJECTED"
           })
         })
@@ -439,6 +481,7 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.card,
+      testID: `${_testIDs.REDUX_TEST_ID}-full-action-card`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionHeader, {
         icon: _sharedUi.FileText,
         title: "FULL ACTION OBJECT"
@@ -461,7 +504,8 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxActionButton.ReduxActionButton, {
             type: "replay",
             text: "REPLAY",
-            onPress: handleReplay
+            onPress: handleReplay,
+            testID: `${_testIDs.REDUX_TEST_ID}-replay`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.actionDescription,
             children: "Dispatch again"
@@ -471,17 +515,21 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxActionButton.ReduxActionButton, {
             type: "jump",
             text: "JUMP",
-            onPress: handleJump
+            onPress: handleJump,
+            disabled: jumpDisabled,
+            testID: `${_testIDs.REDUX_TEST_ID}-jump`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.actionDescription,
-            children: "Restore this state"
+            testID: `${_testIDs.REDUX_TEST_ID}-jump-description`,
+            children: stateEvicted ? "State not retained" : canTimeTravel ? "Restore this state" : "Time travel not wired"
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.actionButtonWrapper,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxActionButton.ReduxActionButton, {
             type: "copy",
             text: "COPY ACTION",
-            onPress: handleCopyAction
+            onPress: handleCopyAction,
+            testID: `${_testIDs.REDUX_TEST_ID}-copy-action`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.actionDescription,
             children: isPro ? "Copy to clipboard" : "Pro feature"
@@ -491,7 +539,8 @@ const ReduxActionInfoView = exports.ReduxActionInfoView = /*#__PURE__*/(0, _reac
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxActionButton.ReduxActionButton, {
             type: "copy",
             text: "COPY PAYLOAD",
-            onPress: handleCopyPayload
+            onPress: handleCopyPayload,
+            testID: `${_testIDs.REDUX_TEST_ID}-copy-payload`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
             style: styles.actionDescription,
             children: isPro ? "Copy payload only" : "Pro feature"

package/lib/commonjs/redux/components/ReduxActionItem.js

@@ -214,7 +214,9 @@ function getPrimaryText(action) {
 // tick re-renders only that Text, not this row.
 const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(function ReduxActionItem({
   action,
-  onPress
+  onPress,
+  linkedCount,
+  testID
 }) {
   const sliceName = action.sliceName ?? undefined;
   const statusColor = getStatusColor(action.category, action.hasStateChange, sliceName);
@@ -223,10 +225,11 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
   const primaryText = getPrimaryText(action);
   const actionBadge = getActionBadge(action);
 
-  // Check for linked async actions
-  const linkedActions = _reduxActionStore.reduxActionStore.getLinkedActions(action);
-  const linkedCount = linkedActions.length;
-  const hasLinkedActions = linkedCount > 1;
+  // Check for linked async actions. The COUNT comes from the list (see the
+  // prop's doc); the ordered list is only needed to say where in the flow this
+  // action sits, and only when there is a flow at all.
+  const hasLinkedActions = (linkedCount ?? 0) > 1;
+  const linkedActions = hasLinkedActions ? _reduxActionStore.reduxActionStore.getLinkedActions(action) : [];
 
   // Get position in async sequence (1/2, 2/2, etc.)
   const asyncPosition = hasLinkedActions ? linkedActions.findIndex(a => a.id === action.id) + 1 : 0;
@@ -251,10 +254,12 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
           style: [styles.asyncSequenceText, {
             color: opColor.text
           }],
+          testID: testID ? `${testID}-seq` : undefined,
           children: [asyncPosition, "/", linkedCount, " #", operationIndex]
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.slowBadge,
+        testID: testID ? `${testID}-slow` : undefined,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
           size: 12,
           color: _sharedUi.buoyColors.error
@@ -273,10 +278,12 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
           style: [styles.asyncSequenceText, {
             color: opColor.text
           }],
+          testID: testID ? `${testID}-seq` : undefined,
           children: [asyncPosition, "/", linkedCount, " #", operationIndex]
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.errorBadge,
+        testID: testID ? `${testID}-error` : undefined,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertCircle, {
           size: 12,
           color: _sharedUi.buoyColors.error
@@ -295,10 +302,12 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
           style: [styles.asyncSequenceText, {
             color: opColor.text
           }],
+          testID: testID ? `${testID}-seq` : undefined,
           children: [asyncPosition, "/", linkedCount, " #", operationIndex]
         })
       }), action.hasStateChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.changeBadge,
+        testID: testID ? `${testID}-change` : undefined,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
           size: 12,
           color: _sharedUi.buoyColors.warning
@@ -313,9 +322,11 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
         style: [styles.actionBadgeText, {
           color: statusColor
         }],
+        testID: testID ? `${testID}-badge` : undefined,
         children: actionBadge
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.changeBadge,
+        testID: testID ? `${testID}-change` : undefined,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
           size: 12,
           color: _sharedUi.buoyColors.warning
@@ -324,6 +335,10 @@ const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
+    testID: testID,
+    statusTestID: testID ? `${testID}-status` : undefined,
+    statusSublabelTestID: testID ? `${testID}-sublabel` : undefined,
+    accessibilityLabel: `${primaryText}, ${statusLabel}, ${sublabel}`,
     statusDotColor: statusColor,
     statusLabel: statusLabel,
     statusSublabel: sublabel,

package/lib/commonjs/redux/components/ReduxDetailViewToggle.js

@@ -55,6 +55,13 @@ const ReduxDetailViewToggle = exports.ReduxDetailViewToggle = /*#__PURE__*/(0, _
         onPress: () => !isDisabled && onViewChange(config.key),
         activeOpacity: isDisabled ? 1 : 0.8,
         disabled: isDisabled,
+        testID: `buoy-redux-view-${config.key}`,
+        accessibilityRole: "button",
+        accessibilityLabel: config.label,
+        accessibilityState: {
+          selected: isActive,
+          disabled: isDisabled
+        },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: styles.cardContent,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {