手机App弹窗的常用测试点

最新推荐文章于 2024-05-15 05:40:15 发布
原创 最新推荐文章于 2024-05-15 05:40:15 发布 · 540 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jmeter #rabbitmq #json #分布式 #服务器

本文详细介绍了手机App弹窗的测试要点，包括类型、操作集合、加载展示、元素属性、兼容性和风险。测试点涵盖了从弹窗的加载速度、用户交互到不同设备和系统版本的兼容性，以及法律合规性，旨在帮助测试人员全面评估App弹窗的质量。

目录

前言：

弹窗的类型

弹窗的操作集合

弹窗加载和展示

弹窗的元素

弹窗的属性

弹窗的兼容性

弹窗的风险

前言：

在对手机应用进行测试时，弹窗是一个重要的测试点，因为它们是与用户直接进行交互的元素。

手机App弹窗是目前流行的一种内容展示形式，根据内容性质可以划分为消息、通知、广告、营销等等，展现形式也比较多变，刚上手测试特容易手忙脚乱，为了帮助新人能够快速入门，笔者在此将弹窗常见的测试点一一进行罗列，如果有所遗漏也请不吝指教。

弹窗的类型

从系统的角度去划分弹窗的类型，大概可以分为下面三个大类：

1、App原生弹窗

2、H5弹窗

3、系统弹框

弹窗的操作集合

弹窗的操作动作会有以下几种，常见的测试方法包括了单一动作和组合动作，需要根据自己的时间灵活分配，具体组合方式在此就不赘述了。

1、关闭

2、移动  左右滑动、上下滑动

3、点击 单击、双击、点击跳转后返回

4、按压

5、拉伸 放大、缩小

上面罗列了一些常规测试手法（手势），但是不排除会有其他的动作类型，测试在设计测试方案时，一定要结合业务需求、用户场景这些方面，尽量覆盖全面的测试场景。

弹窗加载和展示

为了更精准的发现问题节点，就需要设定弹窗加载和展示的时间点：

1、进入页面时触发

测试点a：模拟弱网情况下，点击页面其他元素，是否影响弹窗加载。

测试点b：模拟弱网情况下，点击跳转到其他页面，弹

最低0.47元/天 解锁文章
【手机端测试的关注点】Android 和 IOS 两大主流系统测试点
weixin_55018452的博客
03-22 5140
文章目录前言一、概念架构以及主要区别二、功能测试三、安装与卸载测试四、登录测试五、安全性测试——权限测试六、消息推送测试七、前后台切换测试八、UI 测试九、兼容性测试十、网络环境测试十一、性能测试十二、monkey 测试总结 前言 对于手机端测试，按照平台来分，分为 Android 和 IOS 两大主流系统； ●🧑个人主页:Damon7575 ●📃欢迎点赞👍关注💡收藏💖 ●📖既选择了远方，便只顾风雨兼程。 ●🤟欢迎大家有问题随时私信我！ ●🧐版权：本文由[ Damon7575 ]原创，C
手机APP测试要点
热门推荐
测试小白
06-13 1万+
1、功能测试 最基本的，只考虑是否达到了需求上说明的功能。不考虑其他的方面。 2、性能测试 移动端的性能包括加载时间、CPU、内存、耗电量、流量、帧率、过度绘制。 3、兼容性测试 操作系统（安卓和iOS的各个版本）、手机厂商、分辨率、ROM、网络环境 4、安全测试 软件权限（短信、定位、相机、联系人等） 5、安装卸载 安装路径、安装向导、卸载提示，卸载是否干净，是否支持取消卸载，
手机测试功能点
涛涛baby
08-28 5531
一：手机测试功能点 1.安装和卸载    2.登录 ●登录用户名和密码错误时，界面有提示信息 ●用户主动退出登录后，下次启动APP时，应该进入登录界面 ●对于支持自动登录的APP，数据交换时，是否能自动登录成功且数据库操作无误 ●密码更改后，登录时是否做到了有效数据的校验 ●对于未登录时一些页面的操作，是否做了控制 ●切换账号登录，检验登录的信息是否做到及时更新 ●对于多个端都
手机测试点--总结
一步一步带领
04-13 712
1.功能测试 基本功能实现 2.异常测试（应用运行中产生手机交互事件） a.应用之间切换 b. 应用中按键打断：HOME键、音量键、返回键、电源键 c.拔插数据线 d.应用中切换网络（2G/3G/4G/wifi/飞行模式） e.网络减弱或恢复（进出电梯等） f.应用中来电话、短信、闹钟 3.适配测试 手机型号 安卓版本（2.2、2.3、4.0）、IOS
分享一些手机的测试点
Dreamer_HUI的博客
08-01 4855
分享一些手机测试的测试点，包含，手机软件的功能、冲突、压力、交互性、性能、信号测试、稳定性测试、常规测试、低电量测试、兼容性和用户体验测试；手机硬件测试。
功能测试合集：弹出窗口的常用测试点，全程满满干豁
weixin_54556126的博客
05-29 3987
　前言 　　手机App弹窗是目前流行的一种内容展示形式，根据内容性质可以划分为消息、通知、广告、营销等等，展现形式也比较多变，刚上手测试特容易手忙脚乱，为了帮助新人能够快速入门，笔者在此将弹窗常见的测试点一一进行罗列，如果有所遗漏也请不吝指教，非常感谢。 　　弹窗的类型 　　从系统的角度去划分弹窗的类型，大概可以分为下面三个大类： 　　1、App原生弹窗 　　2、H5弹窗 　　3、系统弹框 　　运动授权、通讯录授权、话筒授权、相机授权、定位授权、文件授权、提醒授权、电量提示、wifi热点连接提
app测试要点整理(ios)
qq_51371831的博客
08-20 3077
目录 1. 安装卸载与更新 1.1 安装 1.2 卸载 1.3 版本更新 2. 业务功能 2.1 登录 2.2 按键与手势(iOS) 2.2 逻辑测试 2.3 接口测试 2.4 前后台切换 2.5 消息通知 2.6 数据更新 3. 界面（UI） 4. 安全性 4.1 安装包 4.2 数据安全 4.3 账户安全 4.4 软键盘劫持 4.5 通信安全 4.6 服务端接口 5. 交叉事件（多进程） 6. 性能 6.1 响应 6.2 内存 6.3 cpu 6.
【性能优化】：减少卡顿，uni-app弹窗的实践方法
为了确保应用界面的流畅与高效，开发者必须面对并克服uni-app弹窗可能带来的性能挑战。本章节将简要介绍uni-app弹窗在实际应用中可能遇到的性能问题，并概述其对于应用性能的重要性。通过深入探讨性能挑战，我们为...
Python使用指定端口进行http请求的例子
2301_79535733的博客
03-21 1020
测试发现是走的54321端口。测试OK，可以直接在。
手机app常用性能测试点
03-12
手机通用app性能测试点，包括安装，卸载，版本更新，反复操作，间断性操作等等
一个弹窗案例
03-04
一个弹窗组件，使用后能简单的在网页上弹出弹窗
Android功能测试——弹出窗口的常用测试点_广告弹窗全屏显示测试用例
2401_84563287的博客
05-15 1251
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
手机APP的测试点
weixin_30655569的博客
05-06 294
一、 功能测试 1. 根据产品需求文档编写测试用例 2. 软件设计文档编写用例 二、 兼容性适配测试 1. android 和 ios 版本的兼容 2. 手机分辨率兼容性 3. 网络的兼容：2/3/4、wifi 弱网、断网情况下 4. app版本的兼容性 （1）适配性测试 手机不同分辨率支持：客户端支持的分辨率 手机不同版本的支持：4.0， 5.0 等 手机不同厂家系统的支持...
手机客户端测试点（全）
weixin_30536513的博客
06-02 274
网上看到一个整理比较完善的手机客户端测试： 转载于:https://www.cnblogs.com/wysk/p/6934475.html
手机测试要点大全
weixin_58335587的博客
07-24 6085
功能测试（Functional Testing）是最基本的测试，主要 根据需求规格说明书验证功能是否实 功能测试要点： 1.多考虑用户是在什么情况下如何使用该功能。 如：断网的时候访问网站，或者使用键盘快捷键进行操作等等 2.多考虑用户对多个功能的组合运用。 如：测试手机时，玩着游戏并在后台播放音乐，接到一个电话，通 话时收到一条短信等等情况。 3.多考虑多用户同时访问/操作的情况。 如：测试电商网站双十一、12306假期购票时，多用户登录、多次刷 新、下订单、支付等情况。 安.....
手机App测试注意点
Johnny_Timmy的博客
05-17 624
1、登录   ●登录用户名和密码错误时，界面有提示信息   ●用户主动退出登录后，下次启动APP时，应该进入登录界面   ●对于支持自动登录的APP，数据交换时  ，是否能自动登录成功且数据库操作无误      ●密码更改后，登录时是否做到了有效数据的校验      ●对于未登录时一些页面的操作，是否做了控制      ●切换账号登录，检验登录的信息是否做到及时更新   ●对于多个端都进行操作...
弹窗测试实例
weixin_51666972的博客
06-09 1121
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试实例</title> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()"&...
uniappAPP端地图组件点击标记点弹出信息弹窗
最新发布
04-18
<think>好的，用户的问题是在UniApp的APP端实现地图组件点击标记点后弹出信息弹窗的功能。首先，我需要回忆一下UniApp中地图组件的使用方式，特别是高德地图的集成和标记点事件的处理。 用户提到的引用内容里，提到了高德地图的标点聚合和自定义弹窗的问题。特别是引用[2]中，指出slot="callout"是小程序的写法，在APP端可能不适用。所以，在APP端需要寻找其他方法来实现点击标记点弹出信息弹窗。 首先，UniApp的地图组件在APP端使用的是原生地图，可能需要通过原生的方式来处理事件。比如，使用高德地图的SDK，可能需要通过native.js或者原生插件来实现。不过，用户希望的是纯UniApp层面的解决方案，可能需要查阅UniApp的官方文档，看看是否有相关的事件支持。 然后，考虑标记点markers的配置。每个marker可能有自己的id，当用户点击marker时，会触发相应的事件。在UniApp中，map组件有一个@markertap事件，这个事件在点击marker时触发，返回的e.detail.markerId就是被点击的marker的id。因此，可以监听这个事件，然后根据id找到对应的数据，显示弹窗。 接下来，弹窗的显示方式。在APP端，可能不能直接使用cover-view或者cover-image来覆盖在地图上，因为这些在小程序端常用。在APP端，可能需要使用普通的view元素，并通过定位来控制弹窗的位置。例如，使用绝对定位，将弹窗放置在屏幕的某个位置，或者根据点击的坐标来动态设置弹窗的位置。 另外，用户可能需要动态获取点击的marker的信息，比如标题、描述等，然后更新弹窗的内容。可以通过在markertap事件处理函数中，根据markerId找到对应的数据项，然后将数据绑定到弹窗的显示内容上。 还需要考虑弹窗的样式和交互，比如点击弹窗外部关闭，或者添加关闭按钮。可能需要使用v-if或v-show来控制弹窗的显示状态，并结合CSS过渡效果让弹窗显示更平滑。 最后，测试不同的平台兼容性，确保在安卓和iOS上都能正常显示和交互。可能需要处理不同设备的屏幕适配问题，以及弹窗的层级问题，避免被地图组件覆盖。 总结步骤：配置markers并绑定@markertap事件，事件处理函数中获取markerId并找到对应数据，使用条件渲染显示弹窗组件，弹窗样式使用绝对定位，处理关闭逻辑。</think>### UniApp APP端地图标记点击弹窗实现步骤 在UniApp的APP端实现地图标记点击弹窗功能，**关键点在于使用`@markertap`事件捕获点击行为，结合动态弹窗组件实现信息展示**。以下是具体实现方案： --- #### 一、基础地图配置 1. 配置高德地图SDK 在`manifest.json`中添加高德地图配置： ```json "app-plus": { "modules": { "Maps": { "AMap": "高德地图key" } } } ``` 2. 基础地图组件 ```html <map id="map" :latitude="latitude" :longitude="longitude" :markers="markers" @markertap="handleMarkerTap" style="width:100%;height:100vh"> </map> ``` --- #### 二、标记点点击事件处理 ```javascript export default { data() { return { markers: [{ id: 1, latitude: 39.909, longitude: 116.397, title: '故宫博物院', customCallout: { // 自定义信息窗内容（仅小程序生效） display: 'ALWAYS' } }], showPopup: false, selectedMarker: null } }, methods: { handleMarkerTap(e) { const markerId = e.markerId // 根据ID查找标记点数据 this.selectedMarker = this.markers.find(m => m.id === markerId) this.showPopup = true } } } ``` --- #### 三、APP端弹窗组件实现 ```html <!-- 自定义弹窗组件 --> <view v-if="showPopup" class="popup-container"> <view class="popup-content"> <text class="title">{{ selectedMarker.title }}</text> <button @click="showPopup = false">关闭</button> </view> </view> <style> .popup-container { position: fixed; bottom: 30px; left: 20px; right: 20px; background: white; border-radius: 8px; padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 999; } </style> ``` --- #### 四、平台差异说明 1. **与小程序的区别** APP端**无法使用`<cover-view slot="callout">`**实现地图覆盖物[^2]，必须通过绝对定位的普通view组件模拟弹窗。 2. **性能优化** 使用`v-if`替代`v-show`控制弹窗显示，避免DOM元素长期驻留内存。 --- #### 五、常见问题解决 1. **弹窗被地图遮挡** 添加`z-index: 999`样式确保弹窗位于顶层 2. **多标记点管理** 使用`markers`数组配合`v-for`动态渲染： ```html <block v-for="(item,index) in markers" :key="index"> <view v-if="showPopup && selectedMarker.id === item.id"> <!-- 弹窗内容 --> </view> </block> ``` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值