Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test : added tests for lib/widgets/post_container.dart #2667

Merged
merged 1 commit into from
Dec 17, 2024
Merged

test : added tests for lib/widgets/post_container.dart #2667

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
184 changes: 170 additions & 14 deletions test/widget_tests/widgets/post_container_test.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.
///
Expand All @@ -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 {
Expand All @@ -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,
),
),
);
Expand All @@ -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,
),
),
),
Expand Down Expand Up @@ -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,
),
),
);
Expand All @@ -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,
),
),
);
Expand Down Expand Up @@ -118,38 +121,191 @@ 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,
),
),
);
});

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,
),
),
);
});

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',
);
}
});
});
});
}
Loading