1

有没有办法在显示对话框中测试内容？我正在尝试在项目中做 BDD，以下是场景：

As a User, I would like to add a photo or select one from the gallery so that I can use it on the item.

以下是我用来测试它的代码，但由于某种原因，测试失败了。

add_item_view.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:my_app_mobile/models/graded_item/graded_item.dart';
import 'package:my_app_mobile/template/index.dart' as template;
import 'package:image_picker/image_picker.dart';

class AddItemView extends HookWidget {
  final GradedItem gradedItem;
  static final Key photoKey = Key('#photoKey');
  static final GlobalKey<FormState> formKey = GlobalKey<FormState>();
  final void Function() onPhoto;
  final ImagePicker _imagePicker = ImagePicker();

  AddItemView({
    @required this.gradedItem,
    this.onPhoto,
  });

  @override
  Widget build(BuildContext context) {
    final _image = useState<File>();

    Future getImage() async {
      final pickedFile = await _imagePicker.getImage(source: ImageSource.camera);

      if (pickedFile != null) {
        _image.value = File(pickedFile.path);
      } else {
        print('No image selected.');
      }
    }

    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
        child: Form(
          key: formKey,
          child: Column(
            children: [
              GestureDetector(
                onTap: () async {
                  if (onPhoto != null) {
                    onPhoto();
                  }
                  showDialog(
                    context: context,
                    barrierColor: Colors.red.withOpacity(.2),
                    builder: (context) {
                      return CameraOptions();
                    },
                  );
                },
                child: Container(
                  key: photoKey,
                  alignment: Alignment.center,
                  child: Icon(
                    Icons.add_a_photo,
                    color: Theme.of(context).primaryColor,
                    size: 44.0,
                  ),
                  height: 100.0,
                  width: 100.0,
                  decoration: BoxDecoration(
                    color: template.colors.grey340,
                    borderRadius: BorderRadius.circular(10.0),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class CameraOptions extends StatelessWidget {
  static final Key captureButtonPhotoKey = Key('#captureButtonPhotoKey');
  static final Key chooseButtonPhotoKey = Key('#chooseButtonPhotoKey');
  static final Key cancelButtonKey = Key('#cancelButtonKey');

  final void Function() onCapture;
  final void Function() onChoose;
  final void Function() onCancel;

  CameraOptions({this.onCapture, this.onChoose, this.onCancel});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        height: 200.0,
        width: 200.0,
        child: Icon(Icons.camera, color: Colors.blue),
      ),
    );
  }
}

add_item_view_test.dart

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'my_app_mobile/models/graded_item/graded_item.dart';
import 'my_app_mobile/views/dashboard/children/collection/children/add_item/add_item.dart';
import 'package:mockito/mockito.dart';

void main() {
  Widget mountApp({GradedItem gradedItem, void Function() onPhoto}) {
    return MaterialApp(
      home: AddItemView(
        gradedItem: gradedItem,
        onPhoto: onPhoto,
      ),
    );
  }

  testWidgets('should build with no problems', (tester) async {
    await tester.pumpWidget(mountApp(gradedItem: GradedItem.generate()));
    expect(find.byType(AddItemView), findsOneWidget);
  });

  group('photo', () {
    testWidgets(
      'should photo widget be available',
      (tester) async {
        await tester.pumpWidget(mountApp(
          gradedItem: GradedItem.generate(),
        ));
        expect(find.byKey(AddItemView.photoKey), findsOneWidget);
      },
    );
    testWidgets(
      'should be able to call onPhoto handler when is available',
      (tester) async {
        final fn = MockedFunctions();

        await tester.pumpWidget(mountApp(
          gradedItem: GradedItem.generate(),
          onPhoto: fn.onPhoto,
        ));
        expect(find.byKey(AddItemView.photoKey), findsOneWidget);

        await tester.tap(find.byKey(AddItemView.photoKey));
        verify(fn.onPhoto()).called(1);
      },
    );
    testWidgets(
      'should onPhoto handler open camera options',
      (tester) async {
        await tester.pumpWidget(
          MaterialApp(
            home: Material(
              child: Builder(
                builder: (BuildContext context) {
                  return AddItemView(
                    gradedItem: GradedItem.generate(),
                    // onPhoto: fn.onPhoto,
                  );
                },
              ),
            ),
          ),
        );

        await tester.tap(find.byKey(AddItemView.photoKey));
        await tester.pumpAndSettle(const Duration(seconds: 1));
        expect(find.byIcon(Icons.camera), findsOneWidget);
      },
    );
  });
}

class MockedFunctions extends Mock {
  void onPhoto();
}

有没有办法对 showDialog 函数进行测试？

4

1 回答 1

0

解决了，由于某种原因，我发布的代码正在运行，我重新启动了计算机，现在它们正在运行。

于 2021-02-06T00:13:58.020 回答