Mobitru Flutter 演示应用程序

在本存储库中，您将找到我们的Mobitru Flutter演示应用程序。您可以将其用作测试自动化或在本地计算机或真实设备平台上进行手动练习的演示应用程序。

mobitru.order

功能

UI控件

此应用程序包含最常用的UI小部件的变体，例如

  • 文本
  • 输入
  • 按钮
  • Image
  • Icon
  • 底部导航栏

有关Flutter UI控件的更多详细信息，请在此处查找。

您可以在此处找到所有控件的自动化测试，例如

  • loginValidCredential – 将数据输入EditText、密码输入框，然后单击Button
  • editMyAccountInfoUsingCorrectValues – 使用底部导航栏，在输入框中替换数据，并从文本中读取信息
  • checkOpenCartAfterAddProduct – 单击Button，验证文本中的数据，并检查Image

生物特征身份验证

此应用程序支持登录屏幕上的生物特征身份验证。

您只需在设备上启用它，然后您就可以在不输入凭据的情况下登录。

只需打开登录屏幕->点击“生物特征身份验证”按钮->完成身份验证。

您可以在Mobitru此处找到有关如何执行此操作的更多详细信息。

UI布局

此应用程序还具有各种UI界面布局，这些布局与重要元素组相关，例如

  • Container
  • 列表
  • Row
  • CustomScrollView
  • SliverGrid

有关Flutter UI视图布局的更多详细信息，请在此处查找。

您可以在此处找到所有布局的自动化测试，例如

  • checkProductItemElements – 检查列表中的元素
  • checkMyAccountViewElement – 验证容器中的文本数据
  • checkInfoOnReviewOrderScreen – 验证Row和CustomScrollView中的元素

事件处理

应用程序中提供了各种用户操作，例如

  • 添加到购物车或从购物车中删除
  • 更改产品数量
  • 验证用户信息字段
  • 对产品列表进行排序

其中许多是通过使用特定的状态来覆盖的。更多详细信息可以在此处找到。

您可以在此处找到所有操作的自动化测试，例如

  • checkAddToCart 和 checkRemoveFromCart – 将产品添加到购物车/从购物车中删除，并检查总数
  • checkSortPriceDescending 和 checkSortPriceAscending – 更改排序并验证更新的产品列表
  • completeOrder – 将产品添加到购物车，输入用户信息，然后完成订单

二维码扫描仪

您也可以在Mobitru演示应用程序中扫描二维码。

只需将几件商品添加到购物车，然后在购物车屏幕上激活二维码扫描

  • 点击“应用促销代码”按钮。
  • 允许应用程序使用相机（仅首次使用时需要）。
  • 扫描二维码。

结果，您将在购物车屏幕上看到相关内容（如URL），并且将为购物车中的任何商品随机应用折扣。

您可以使用以下图像来演示此选项。

QR Code

可访问性

此应用程序已适配，用于演示辅助功能如何在设备上工作。您只需在设备上启用VoiceOver模式（iOS）或屏幕阅读器（Android）。

启用后，您可以转到产品列表屏幕，然后尝试点击某些元素，如产品标题或图片。然后，您应该会听到由VoiceOver或屏幕阅读器识别的文本。

为应用程序贡献内容

如果您想为应用程序贡献并添加新功能，请在此处查阅文档。

测试自动化

Appium

此处可找到更多关于以下内容的信息

  • 如何编写Appium测试
  • 如何在本地机器上运行测试
  • 如何在云端运行测试

常见问题

如何构建应用程序并开始测试？

  • 您可以在控制台或终端中构建应用程序。所有详细信息都可以在此处找到。
  • 测试可以在本地机器或Mobitru上执行。所有详细信息都可以在此处找到。

支持哪个Flutter版本？

Flutter SDK 3.7+ 和 Dart SDK 2.19+。

是否支持黑暗模式？

目前不支持，但我们计划支持。

GitHub

查看 Github