flutter_manual_widget_tester 0.0.1

A widget testing utility for the Flutter framework.

example/lib/main.dart

import 'package:example/widgets/image_list.dart';
import 'package:flutter/material.dart';
import 'package:flutter_manual_widget_tester/backend/constrained_types/clamped_double.dart';
import 'package:flutter_manual_widget_tester/backend/constrained_types/constrained_int.dart';
import 'package:flutter_manual_widget_tester/config/theme_config/theme_generator/theme_generator_parameters.dart';
import 'package:flutter_manual_widget_tester/flutter_manual_widget_tester.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    final builders = [
      WidgetTestBuilder(
        id: 'some key',
        name: 'SomeName',
        icon: Icons.access_alarms_rounded,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.white);
          return Container(
            color: backgroundColor,
            child: const Text('foobar2'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'some other key',
        name: 'SomeOtherName',
        icon: Icons.kayaking,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.orange);
          return Container(
            color: backgroundColor,
            child: const Text('foobar6'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'list view',
        name: 'ListView',
        icon: Icons.list,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.white);
          final constrainedInt = settings
              .getSetting(
                  'constrainedInt',
                  ConstrainedInt(
                      lowerLimit: null, value: 0, upperLimit: null, divisor: 2))
              .value;

          return SafeArea(
            child: Container(
              color: backgroundColor,
              child: Text('list view $constrainedInt'),
            ),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'dialog generator',
        name: 'DialogGenerator',
        icon: Icons.window,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.blue);
          return Container(
            color: backgroundColor,
            child: const Text('dialog generator'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'string editor state',
        name: 'StringEditorState',
        icon: Icons.abc,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.lightGreen);
          return Container(
            color: backgroundColor,
            child: const Text('edit this string\'s state'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'substring editor',
        name: 'SubstringEditor',
        icon: Icons.abc,
        iconColor: Colors.red,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.green);
          return Container(
            color: backgroundColor,
            child: const Text('it this str'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'string editor',
        name: 'StringEditor',
        icon: Icons.abc,
        builder: (context, settings) {
          final backgroundColor =
              settings.getSetting('backgroundColor', Colors.green);
          return Container(
            color: backgroundColor,
            child: const Text('edit this string'),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'offset button test',
        name: 'Offset Button Test',
        icon: Icons.smart_button,
        builder: (context, settings) {
          final offsetX = settings.getSetting('offsetX', 0.0);
          final offsetY = settings.getSetting('offsetY', 0.0);

          return Center(
            child: Container(
              color: const Color.fromRGBO(0, 0, 0, 0.25),
              child: SizedBox(
                width: 128.0,
                height: 32.0,
                child: LayoutBuilder(builder: (context, constraints) {
                  return Transform.translate(
                    offset: Offset(offsetX * constraints.maxWidth,
                        offsetY * constraints.maxHeight),
                    child: ElevatedButton(
                      onPressed: () {
                        print('pressed');
                      },
                      child: const Text('button'),
                    ),
                  );
                }),
              ),
            ),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'image list with material app',
        name: 'Image List with Material App',
        icon: Icons.image,
        builder: (context, settings) {
          final numberOfImages = settings.getSetting('numberOfImages', 1);
          final imagePadding = settings
              .getSetting(
                  'imagePadding', ClampedDouble(value: 8.0, lowerLimit: 0.0))
              .value;

          return MaterialApp(
            theme: ThemeData.light(),
            darkTheme: ThemeData.dark(),
            home: Scaffold(
              appBar: AppBar(
                title: const Text('Image List'),
              ),
              body: ImageList(
                numberOfImages: numberOfImages,
                imagePadding: imagePadding,
              ),
            ),
          );
        },
      ),
      WidgetTestBuilder(
        id: 'image list',
        name: 'Image List',
        icon: Icons.image,
        builder: (context, settings) {
          final numberOfImages = settings.getSetting('numberOfImages', 1);
          final imagePadding = settings
              .getSetting(
                  'imagePadding', ClampedDouble(value: 8.0, lowerLimit: 0.0))
              .value;

          return ImageList(
            numberOfImages: numberOfImages,
            imagePadding: imagePadding,
          );
        },
      ),
      WidgetTestBuilder(
        id: 'no custom settings',
        name: 'No Custom Settings',
        icon: Icons.settings,
        builder: (context, settings) {
          return const Text('This widget has no custom settings.');
        },
      ),
      WidgetTestBuilder(
        id: 'radio button test',
        name: 'Radio Button Test',
        icon: Icons.settings,
        builder: (context, settings) {
          final boolean = settings.getSetting('boolean', false);

          return Text('Boolean state: $boolean');
        },
      ),
    ];

    return ManualWidgetTester(
      themeData: ManualWidgetTesterThemeData.fromThemeGeneratorParameters(
          ThemeGeneratorParameters(
        backgroundColor: Colors.blue,
        primaryColor: Colors.orange,
        brightness: Brightness.light,
        animationSpeed: AnimationSpeed.slow,
        designLanguage: DesignLanguage.skeuomorphic,
        layout: Layout.compact,
      )),
      builders: builders,
    );
  }
}