diff --git a/test/widget_tests/widgets/post_container_test.dart b/test/widget_tests/widgets/post_container_test.dart
index af78704cc..afbf6842e 100644
--- a/test/widget_tests/widgets/post_container_test.dart
+++ b/test/widget_tests/widgets/post_container_test.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:mocktail_image_network/mocktail_image_network.dart';
 import 'package:talawa/widgets/post_container.dart';
+import 'package:visibility_detector/visibility_detector.dart';
 
 /// main function.
 ///
@@ -11,6 +12,12 @@ import 'package:talawa/widgets/post_container.dart';
 /// **returns**:
 ///   None
 void main() {
+  const photoUrl =
+      'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg';
+  setUp(() {
+    VisibilityDetectorController.instance.updateInterval = Duration.zero;
+  });
+
   group('PostContainer Widget Tests', () {
     testWidgets('PostContainer should be built without crashing',
         (WidgetTester tester) async {
@@ -19,8 +26,7 @@ void main() {
           await tester.pumpWidget(
             const MaterialApp(
               home: PostContainer(
-                photoUrl:
-                    'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+                photoUrl: photoUrl,
               ),
             ),
           );
@@ -36,8 +42,7 @@ void main() {
         () async => tester.pumpWidget(
           const MaterialApp(
             home: PostContainer(
-              photoUrl:
-                  'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+              photoUrl: photoUrl,
             ),
           ),
         ),
@@ -66,8 +71,7 @@ void main() {
           await tester.pumpWidget(
             const MaterialApp(
               home: PostContainer(
-                photoUrl:
-                    'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+                photoUrl: photoUrl,
               ),
             ),
           );
@@ -88,8 +92,7 @@ void main() {
           await tester.pumpWidget(
             const MaterialApp(
               home: PostContainer(
-                photoUrl:
-                    'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+                photoUrl: photoUrl,
               ),
             ),
           );
@@ -118,8 +121,80 @@ void main() {
           await tester.pumpWidget(
             const MaterialApp(
               home: PostContainer(
-                photoUrl:
-                    'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+                photoUrl: photoUrl,
+              ),
+            ),
+          );
+        });
+
+        final postContainerState =
+            tester.state<PostContainerState>(find.byType(PostContainer));
+        expect(postContainerState.inView, isTrue);
+      });
+    });
+
+    testWidgets('generates unique keys for each instance', (tester) async {
+      await mockNetworkImages(() async {
+        await tester.pumpWidget(
+          const MaterialApp(home: PostContainer(photoUrl: photoUrl)),
+        );
+        final firstKey = tester
+            .widget<VisibilityDetector>(find.byType(VisibilityDetector))
+            .key;
+
+        await tester.pumpWidget(
+          const MaterialApp(home: PostContainer(photoUrl: photoUrl)),
+        );
+        final secondKey = tester
+            .widget<VisibilityDetector>(find.byType(VisibilityDetector))
+            .key;
+
+        expect(firstKey != secondKey, isTrue);
+      });
+    });
+
+    testWidgets(
+        'onVisibilityChanged callback should update inView state if image is fully visible',
+        (WidgetTester tester) async {
+      await tester.runAsync(() async {
+        await mockNetworkImages(() async {
+          await tester.pumpWidget(
+            const MaterialApp(
+              home: PostContainer(
+                photoUrl: photoUrl,
+              ),
+            ),
+          );
+        });
+
+        final postContainerState =
+            tester.state<PostContainerState>(find.byType(PostContainer));
+
+        // Get the VisibilityDetector widget
+        final visibilityDetector = tester.widget<VisibilityDetector>(
+          find.byType(VisibilityDetector),
+        );
+
+        // Test fully visible case i.e visibleFraction = 1  (> 0.5)
+        const fullVisInfo = VisibilityInfo(
+          key: Key('test'),
+          size: Size(100, 100),
+          visibleBounds: Rect.fromLTWH(0, 0, 100, 100),
+        );
+        visibilityDetector.onVisibilityChanged!(fullVisInfo);
+        expect(postContainerState.inView, isTrue);
+      });
+    });
+
+    testWidgets(
+        'onVisibilityChanged callback should update inView state if image is partially visible',
+        (WidgetTester tester) async {
+      await tester.runAsync(() async {
+        await mockNetworkImages(() async {
+          await tester.pumpWidget(
+            const MaterialApp(
+              home: PostContainer(
+                photoUrl: photoUrl,
               ),
             ),
           );
@@ -127,19 +202,42 @@ void main() {
 
         final postContainerState =
             tester.state<PostContainerState>(find.byType(PostContainer));
+
+        final visibilityDetector = tester.widget<VisibilityDetector>(
+          find.byType(VisibilityDetector),
+        );
+
+        // Test partially visible case i.e visibleFraction <= 0.5
+        const partialVisInfo1 = VisibilityInfo(
+          key: Key('test'),
+          size: Size(100, 100),
+          visibleBounds: Rect.fromLTWH(0, 0, 49, 100),
+        );
+        visibilityDetector.onVisibilityChanged!(partialVisInfo1);
+        expect(postContainerState.inView, isFalse);
+
+        await tester.pump();
+
+        // Test partially visible case i.e visibleFraction > 0.5
+        const partialVisInfo2 = VisibilityInfo(
+          key: Key('test'),
+          size: Size(100, 100),
+          visibleBounds: Rect.fromLTWH(0, 0, 51, 100),
+        );
+        visibilityDetector.onVisibilityChanged!(partialVisInfo2);
         expect(postContainerState.inView, isTrue);
       });
     });
 
-    testWidgets('PostContainer should change inView to false when not visible',
+    testWidgets(
+        'onVisibilityChanged callback should update inView state if image is invisible ',
         (WidgetTester tester) async {
       await tester.runAsync(() async {
         await mockNetworkImages(() async {
           await tester.pumpWidget(
             const MaterialApp(
               home: PostContainer(
-                photoUrl:
-                    'https://www.fcbarcelona.com/fcbarcelona/photo/2022/08/02/ae5252d1-b79b-4950-9e34-6e67fac09bb0/LeoMessi20092010_pic_fcb-arsenal62.jpg',
+                photoUrl: photoUrl,
               ),
             ),
           );
@@ -147,9 +245,67 @@ void main() {
 
         final postContainerState =
             tester.state<PostContainerState>(find.byType(PostContainer));
-        postContainerState.inView = false;
+
+        final visibilityDetector = tester.widget<VisibilityDetector>(
+          find.byType(VisibilityDetector),
+        );
+
+        // Test fully hidden case i.e visibleFraction = 0  (< 0.5)
+        const hiddenVisInfo = VisibilityInfo(
+          key: Key('test'),
+          size: Size(100, 100),
+          visibleBounds: Rect.zero,
+        );
+        visibilityDetector.onVisibilityChanged!(hiddenVisInfo);
         expect(postContainerState.inView, isFalse);
       });
     });
+
+    testWidgets(
+        'onVisibilityChanged should maintain state during rapid updates',
+        (WidgetTester tester) async {
+      await tester.runAsync(() async {
+        await mockNetworkImages(() async {
+          await tester.pumpWidget(
+            const MaterialApp(
+              home: PostContainer(
+                photoUrl: photoUrl,
+              ),
+            ),
+          );
+        });
+
+        final visibilityDetector = tester.widget<VisibilityDetector>(
+          find.byType(VisibilityDetector),
+        );
+        final postContainerState =
+            tester.state<PostContainerState>(find.byType(PostContainer));
+
+        // Test sequence of different visibility states
+        final visibilityStates = [
+          const Rect.fromLTWH(0, 0, 80, 100), // 80% visible
+          const Rect.fromLTWH(0, 0, 30, 100), // 30% visible
+          const Rect.fromLTWH(0, 0, 60, 100), // 60% visible
+          const Rect.fromLTWH(0, 0, 20, 100), // 20% visible
+          const Rect.fromLTWH(0, 0, 90, 100), // 90% visible
+        ];
+
+        for (final bounds in visibilityStates) {
+          final visInfo = VisibilityInfo(
+            key: const Key('test'),
+            size: const Size(100, 100),
+            visibleBounds: bounds,
+          );
+          visibilityDetector.onVisibilityChanged!(visInfo);
+
+          // Check if inView matches the expected state based on visibleFraction
+          expect(
+            postContainerState.inView,
+            visInfo.visibleFraction > 0.5,
+            reason: 'Failed for visible bounds: $bounds',
+          );
+        }
+      });
+    });
   });
 }