Responsive Wrapper Test Creation #1

*Create ResponsiveWrapper test.

Author: rayliverified

lib/responsive_wrapper.dart

@@ -48,8 +48,8 @@ import 'package:flutter/material.dart';
 class ResponsiveWrapper extends StatefulWidget {
   final Widget child;
   final List<ResponsiveBreakpoint> breakpoints;
-  final double maxWidth;
   final double minWidth;
+  final double maxWidth;
   final String defaultName;
   final bool defaultScale;
   final double defaultScaleFactor;
@@ -60,9 +60,9 @@ class ResponsiveWrapper extends StatefulWidget {
   const ResponsiveWrapper({
     Key key,
     @required this.child,
-    this.breakpoints = const [],
-    this.maxWidth,
+    this.breakpoints,
     this.minWidth = 450,
+    this.maxWidth,
     this.defaultName,
     this.defaultScale = false,
     this.defaultScaleFactor = 1,
@@ -75,25 +75,20 @@ class ResponsiveWrapper extends StatefulWidget {
 
   static Widget builder(
     Widget child, {
-    List<ResponsiveBreakpoint> breakpoints = const [],
-    double maxWidth,
+    List<ResponsiveBreakpoint> breakpoints,
     double minWidth = 450,
+    double maxWidth,
     String defaultName,
     bool defaultScale = false,
     double defaultScaleFactor = 1,
     Widget background,
     MediaQueryData mediaQueryData,
   }) {
-    // Order breakpoints from largest to smallest.
-    // Perform ordering operation to allow breakpoints
-    // to be accepted in any order.
-    breakpoints.sort((a, b) => b.breakpoint.compareTo(a.breakpoint));
-
     return ResponsiveWrapper(
       child: child,
       breakpoints: breakpoints,
-      maxWidth: maxWidth,
       minWidth: minWidth,
+      maxWidth: maxWidth,
       defaultName: defaultName,
       defaultScale: defaultScale,
       defaultScaleFactor: defaultScaleFactor,
@@ -141,7 +136,7 @@ class _ResponsiveWrapperState extends State<ResponsiveWrapper>
         MediaQuery.of(context).size.height;
   }
 
-  get breakpoints => widget.breakpoints;
+  List<ResponsiveBreakpoint> breakpoints;
 
   /// Get screen width calculation.
   double screenWidth = 0;
@@ -288,7 +283,7 @@ class _ResponsiveWrapperState extends State<ResponsiveWrapper>
   /// Active breakpoint is the first breakpoint smaller
   /// or equal to the [screenWidth].
   ResponsiveBreakpoint getActiveBreakpoint(double screenWidth) {
-    return widget.breakpoints.firstWhere(
+    return breakpoints.firstWhere(
         (element) => screenWidth >= element.breakpoint,
         orElse: // No breakpoint found.
             () => ResponsiveBreakpoint(
@@ -298,6 +293,12 @@ class _ResponsiveWrapperState extends State<ResponsiveWrapper>
   @override
   void initState() {
     super.initState();
+    // Order breakpoints from largest to smallest.
+    // Perform ordering operation to allow breakpoints
+    // to be accepted in any order.
+    breakpoints = widget.breakpoints ?? [];
+    breakpoints?.sort((a, b) => b.breakpoint.compareTo(a.breakpoint));
+
     WidgetsBinding.instance.addObserver(this);
     WidgetsBinding.instance.addPostFrameCallback((_) {
       setDimensions();

test/responsive_wrapper_test.dart

@@ -0,0 +1,41 @@
+// Test Breakpoint and MaxWidth collision.
+// ResponsiveBreakpoint(breakpoint: 1200, scaleFactor: 2)
+// maxWidth: 1200
+// Expected Result: UI Scales 2x at 1200.
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:responsive_framework/responsive_framework.dart';
+
+import 'test_utils.dart';
+
+void main() {
+  group('Wrapper', () {
+    /// Verify empty widget does nothing.
+    testWidgets('Empty', (WidgetTester tester) async {
+      setScreenSize(tester, Size(450, 1200));
+      Key key = Key('Test');
+      Widget widget = MaterialApp(
+        home: ResponsiveWrapper(
+          key: key,
+          child: Container(),
+        ),
+      );
+      await tester.pumpWidget(widget);
+      await tester.pump();
+      ResponsiveWrapper responsiveWrapper = tester.widget(find.byKey(key));
+      // Confirm defaults.
+      expect(responsiveWrapper.breakpoints, null);
+      expect(responsiveWrapper.background, null);
+      expect(responsiveWrapper.minWidth, 450);
+      expect(responsiveWrapper.maxWidth, null);
+      expect(responsiveWrapper.defaultName, null);
+      expect(responsiveWrapper.defaultScale, false);
+      expect(responsiveWrapper.defaultScaleFactor, 1);
+      expect(responsiveWrapper.mediaQueryData, null);
+      // Verify dimensions unchanged.
+      MediaQuery mediaQueryData = tester.widget(find.descendant(
+          of: find.byKey(key), matching: find.byType(MediaQuery)));
+      expect(mediaQueryData.data.size, Size(450, 1200));
+    });
+  });
+}

test/test_utils.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/rendering.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+void setScreenSize(WidgetTester tester, Size size) {
+  tester.binding.window.physicalSizeTestValue = size;
+  tester.binding.window.devicePixelRatioTestValue = 1;
+}
+
+void resetScreenSize(WidgetTester tester) {
+  addTearDown(tester.binding.window.clearPhysicalSizeTestValue);
+}