Mobile Testing 简明教程
Mobile Testing - UI
假设我们正在使用一个移动应用程序,你碰巧碰到以下情况:
-
Button alignment is missing.
-
Text is getting trimmed.
-
日历控件被切掉了。
的确,对于任何用户来说,这都是一种令人不快的体验。为了确保我们为用户提供良好的体验,强烈建议进行移动 UI 测试。
测试计划中要探索的第一部分是用户界面。作为测试人员,你的任务是确认你的应用程序是否满足某些期望,例如:
-
设备的整体配色方案/主题
-
图标的样式和颜色
-
页面加载时的进度指示器
-
菜单以及它们如何被调用,以及它们包含的典型项
-
此设备上应用程序的整体响应能力
让我们更多地讨论移动 UI 测试的基础知识。
Screen Orientation / Resolution
网络内容需要在各种设备和网络条件下看起来都很棒。在常见的屏幕分辨率下测试你的网页通常是个好主意,这样你就可以确保你的页面可用。
如果你使用的是多列布局,你可能还想检查你的列是否对齐正确,并且在你访问者分辨率较低时仍可视。了解标准屏幕分辨率也很重要:
-
640 × 480
-
800 × 600
-
1024 × 768
-
1280 × 800
-
1366 × 768
-
1400 × 900
-
1680 × 1050
Available Tools
市场上有不少工具可以让移动 UI 测试变得更加流畅和简单。例如:
-
Google chrome extension
-
Screenfly
-
Browser Stack
让我们进一步了解这些工具及其用途。
Google chrome extension
这是 Google Chrome 网络浏览器的一个免费功能。我们在这里给出了使用 Google Chrome 扩展程序测试移动网络的分步说明:
Step 1 −在“Google Chrome 网络浏览器”中打开要测试的网站。
Step 2 - 按 F12。它将打开开发者工具窗口,如下图截图所示。
Step 3 - 点击移动设备图标。请参阅以下屏幕截图。
Step 4 - 选择要用来测试网站的移动设备。你可以选择不同的可用设备来执行用户界面验证。
Screenfly
Screenfly 是一款免费且易于使用的工具。要使用此工具,只需在网络浏览器中键入 Quirktools 即可。你会看到以下画面。
输入受测网站,然后点击 Go 。选择你想在其中查看网站的移动设备。
BrowserStack
这是执行移动用户界面测试的另一个好工具。它提供了令人惊叹的结果。尽管这是一款付费工具,但你可以通过使用有效电子邮件地址在 BrowserStack 上注册来获得免费试用版。
Touch Screens
Multi-Touch vs. Single Touch Screens
如果你的设备和应用程序支持多点触控功能(例如 iPhone 上的捏合缩放效果),请务必制作很多测试用例,这些用例涉及同时用多个手指触摸屏幕,尤其是在软键盘上输入时。