Flutter测试（二）：在项目中进行 Widget 测试

最新推荐文章于 2024-07-24 15:22:42 发布

Flutter 笔记

最新推荐文章于 2024-07-24 15:22:42 发布

阅读量771

点赞数

本文链接：https://blog.csdn.net/qq_23756803/article/details/96071789

版权

本文介绍了如何在Flutter项目中进行Widget测试，以「想吃啥」APP的首页组件为例，详细阐述了对'选个菜吧'和'Button'两个Widget的封装与测试过程，包括编写Widget、编写Widget测试，以及测试逻辑和结果验证。

摘要由CSDN通过智能技术生成

上回书对 Flutter 中 Widget 测试的官方 Demo 进行了简单的讲解，这篇文章我们对自己的项目进行 Widget 测试。

就拿「想吃啥」APP 来进行测试吧。

640?wx_fmt=png

在首页中，我们可以看到有 6 个 Widget，有：

1.荤菜 & 素菜：2.选个菜吧 ×23.Button ×2

因为平时我们写APP的时候，肯定会封装一些 Widget 来进行复用，所以首页中选个菜吧 & Button 都被我封装成了一个 Widget。

下面我们就先针对这两个 Widget 进行测试。

选个菜吧

首先我们也是根据步骤来，先编写 Widget，然后编写 Widget 测试。（说得好像是废话?）

编写Widget

其中「选个菜吧」是封装了一个 Row，里面包含了一个 Text & IconButton ÿ

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Flutter 笔记

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Flutter：单元测试、Widget测试、集成测试

手写我对你的温柔

07-30

4971

Flutter测试应用：如果APP较小，手动测试即可。当页面达到几十个的时候，一套完整的自动化测试将有助于确保应用在发布之前正确执行，同时快速修复错误。自动化测试方法：单元测试：测试单一功能、方法、类。例如，将测试单元的外部依赖模拟出来package:mockito。单元测试通常不会读取/写入磁盘、渲染到屏幕，也不会从运行测试的...

Flutter 单元测试例子

会煮咖啡的猫咪

11-27

470

Flutter 单元测试例子原文 https://medium.com/app-dev-community/flutter-unit-testing-with-simple-examples-9c07499e4079 前言执行单元测试来验证软件的每个组件。因此，我们需要尽可能多地测试每个单独的微 widget 。这些都是由开发人员在开发阶段完成的。单元测试有助于在 QA 进行测试之前验证和验证所有的功能。此外，它还是一种白盒测试方法，用于探索代码中的缺陷。让我们用 Flutter 实现单元测试，

参与评论您还未登录，请先登录后发表或查看评论

Flutter单元测试和Widget测试

weixin_43800535的博客

03-16

1805

Flutter单元测试和Widget测试

Flutter：单元测试和组件测试

最新发布

2301_78843735的博客

07-24

669

在某些情况下，内置的 Matcher 可能不足以满足你的测试需求。Flutter 允许你创建自定义的 Matcher。

Flutter学习之测试

yong_19930826的博客

12-30

1564

Flutter学习之测试1. 单元测试1.1 添加测试依赖1.2 创建需要测试的类1.3 创建测试文件1.4 整合多个测试1.5 测试的初始化2. Widget测试2.1 创建widget2.2 编写测试代码3. 集成测试3.1 创建可测试的应用程序3.2 添加测试依赖3.3 创建一个测试文件3.4 编写安装应用代码3.5 编写集成测试代码3.6 运行集成测试3.7 注意 1. 单元测试单元测试是针对一个函数和一个类进行测试 1.1 添加测试依赖将test或则flutter_test加入依赖文件

[Flutter]单元测试和组件测试

Gamin

05-06

1610

Matcher在某些情况下，内置的Matcher可能不足以满足你的测试需求。Flutter 允许你创建自定义的Matcher。这个自定义的Matcher检查一个整数是否是偶数，并在测试失败时提供适当的描述。

Flutter 中文文档：Widget 测试介绍

Flutter 社区

09-27

1855

在部分，我们学习了使用test这个 package 测试 Dart 类的方法。为了测试 widget 类，我们需要使用flutter_testpackage 提...

test_actions_flutter:GitHub项目在flutter项目上的个人测试

04-11

通过分析这个项目，开发者不仅可以学习到Flutter框架的基本用法，还能深入理解Dart语言特性，以及如何在实际项目中运用它们进行测试和功能实现。对于想要提升Flutter技能或对Dart编程感兴趣的开发者来说，这是一个...

flutter_app:这是我的工厂在摇摇欲坠的过程中的项目

05-05

综合以上分析，这个项目涵盖了Flutter应用开发的基本流程，包括设计、编码、测试和调试，同时也反映了开发者在项目管理中的挑战。对于学习Flutter的人来说，了解这些知识点有助于深入理解Flutter的工作原理和开发...

大型项目里Flutter测试应用实例集成测试深度使用

Free雅轩的博客

01-21

295

弹性框本身（行和列）的行为是不同的，这取决于它们在给定方向上是有边界的还是无边界的。在边界限制下，它们将尽可能大。在交叉方向上，例如Column的宽度和Row的高度，它们不能是无边界的，否则它们将无法合理地对齐子节点。要运行测试，请从项目目录（而不是测试子目录）运行fluttertesttest/unit _ test.dart 要运行所有测试，请从项目目录运行颤振测试。Flutter的是：命令行 A包：flatter_ driver（API）两者都允许：为集成测试创建指导应用程序，编写测试，运行测试。

Flutter：单元测试和组件测试！

myh919的博客

06-18

570

1.单元测试、在Flutter开发中，进行单元测试是确保你的代码质量以及未来更改不会破坏现有功能的关键步骤。当你开发私有包时，单元测试尤其重要，因为这有助于保持包的稳定性和可维护性。以下是如何在Flutter中进行单元测试的详细指南：

Flutter 单元测试

唐僧的专栏

12-25

2026

软件测试是发现程序错误衡量软件质量必不少的一个环节，在企业中会有专门的软件测试工程师来负责软件测试和质量的障。作为一名Flutter开发人员了解Flutter测试的方法和手段有助于减少程序的Bug开发出更高质量的应用。那么Flutter是如何进行测试的呢？在本篇教程中将下大家分享Flutter的主流测试方式以和案例，在Flutter中主要有以下三种类型的测试：单元测试 Widget测试集成测试单元测试测试单一功能、方法或类，单元测试通常不会读取/写入磁盘、渲染到屏幕，也不会从运...

Flutter测试

qq_27909209的博客

11-21

1179

Flutter中的测试

joye123的博客

09-25

1903

一个经过良好测试的应用，应用有许多单元测试和widget测试，并使用代码覆盖率功能来追踪。再加上对所有主要使用场景足够多的集成测试。 Flutter中将测试分成三类：单元测试 Widget测试集成测试下面分别简单介绍如何编写这个三种测试用例。单元测试添加依赖 dev_dependencies: flutter_test: sdk: flutter 普通逻辑测试 import...

Testing Flutter apps翻译-Widget测试介绍

weixin_33829657的博客

04-22

161

翻译首页在单元测试的介绍里，我们学习到了如何使用test包测试Dart类，为了测试Widget类，我们需要一些由flutter test包提供的额外工具，这些工具随Flutter SDK发布。这个flutter_test包提供了以下用于测试Widget的工具： WidgetTester：该工具允许我们在测试环境里build Widget并与之交互。使用testWidgets函数。这个函数将...

Flutter快学快用08 单元测试：Flutter 应用单元测试，提升代码质量

fegus的博客

09-20

570

以上就是本课时的所有内容，学完本课时你需要掌握 Struct、Model、无状态和有状态组件的单元测试写法。下一课时我将把我们基础部分的所有基础知识汇总会一个脚手架，规范和统一基础模块。点击此链接查看本课时源码。

Flutter测试（一）： Widget 测试了解一下

Flutter笔记

07-09

2146

平时我们在写代码的时候，或多或少都会写一些测试来测试一下我们的逻辑是否正确，那在 Flutter 当中，测试也被分为三种：1.单元测试2.Widget 测试3.集成测试在...

flutter 构建一个有验证判断的表单

Leove的专栏

03-23

291

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { final appTitle = 'Form Validation Demo'; return MaterialApp( title: appTit.