Merge remote-tracking branch 'origin/main' into samuel/live-handle-checks

* origin/main:
  Fix e2e (#8794)

src/view/com/notifications/NotificationFeedItem.tsx

@@ -195,16 +195,18 @@ let NotificationFeedItem = ({
     }
     const isHighlighted = highlightUnread && !item.notification.isRead
     return (
-      <Post
-        post={item.subject}
-        style={
-          isHighlighted && {
-            backgroundColor: pal.colors.unreadNotifBg,
-            borderColor: pal.colors.unreadNotifBorder,
+      <View testID={`feedItem-by-${item.notification.author.handle}`}>
+        <Post
+          post={item.subject}
+          style={
+            isHighlighted && {
+              backgroundColor: pal.colors.unreadNotifBg,
+              borderColor: pal.colors.unreadNotifBorder,
+            }
           }
-        }
-        hideTopBorder={hideTopBorder}
-      />
+          hideTopBorder={hideTopBorder}
+        />
+      </View>
     )
   }
 

src/view/com/testing/TestCtrls.e2e.tsx

@@ -95,6 +95,12 @@ export function TestCtrls() {
         accessibilityRole="button"
         style={BTN}
       />
+      <Pressable
+        testID="storybookBtn"
+        onPress={() => navigate('Debug')}
+        accessibilityRole="button"
+        style={BTN}
+      />
       <Pressable
         testID="e2eRefreshHome"
         onPress={() => queryClient.invalidateQueries({queryKey: ['post-feed']})}

src/view/screens/Storybook/index.tsx

@@ -87,9 +87,6 @@ function StorybookInner() {
               </Button>
             </View>
 
-            <Buttons />
-            <Toasts />
-
             <Button
               color="primary"
               size="small"
@@ -109,6 +106,8 @@ function StorybookInner() {
               <Theming />
             </ThemeProvider>
 
+            <Toasts />
+            <Buttons />
             <Forms />
             <Typography />
             <Spacing />