Mounir-Bouaiche
commented
2 years ago @awaisjamil-vd I think you can test functionality by wrapping whole app within MediaQuery to simulate different screen sizes. Note: Don't use MediaQueryData.fromWindow. A simple example: (You can use (GlobalKey().currentContext?.findRenderObject() as RenderBox).size to get a widget size, See tutorials).
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_test/flutter_test.dart';
void main() {
testWidgets('Test Responsiveness', (WidgetTester tester) async {
// Declare Sizes
const Size designSize = Size(360, 640);
const Size initialSize = designSize;
const Size biggerSize = Size(480, 920);
const Size smallerSize = Size(300, 560);
// We'll use MediaQuery to simulate diffrent screen sizes
MediaQueryData currentData = MediaQueryData(size: initialSize);
const MediaQueryData biggerData = MediaQueryData(size: biggerSize);
const MediaQueryData smallerData = MediaQueryData(size: smallerSize);
// Used to find a widget. See [CommonFinders.byKey].
final _key = UniqueKey();
// Click on button. See code bellow.
Future<int> tap() async {
await tester.tap(find.byKey(_key));
return tester.pumpAndSettle();
}
void testSize(Size size) {
expect(1.w, equals(size.width / designSize.width));
expect(1.h, equals(size.height / designSize.height));
print('[OK] Size: $size, width: ${1.w}, height: ${1.h}');
}
await tester.pumpWidget(StatefulBuilder(
builder: (BuildContext context, StateSetter setState) {
return MediaQuery(
data: currentData,
child: ScreenUtilInit(
useInheritedMediaQuery: true,
designSize: designSize,
builder: (_) => MaterialApp(
home: Material(
child: TextButton(
key: _key,
child: Text('Change Screen Size'),
onPressed: () {
setState(() {
currentData = currentData.size == initialSize
// First test is with bigger screen
? biggerData
// Second with smaller screen
: smallerData;
});
},
),
),
),
),
);
},
));
// Tests with initial screen size
testSize(initialSize);
// Click On button to simulate changing screen size
await tap();
// Tests with bigger screen size
testSize(biggerSize);
// Click On button to simulate changing screen size
await tap();
// Tests with smaller screen size
testSize(smallerSize);
});
}
github-actions[bot]
sejun2
canavci312
ZG-123
how can i widget test those widget that has screenutill? please guide