【实测】vue/elementUI 的文件上传按钮,如何用selenium来自动化上传?(下)

简介: 【实测】vue/elementUI 的文件上传按钮,如何用selenium来自动化上传?(下)

实测系列,均为一些现实中的行业内难题难点攻关,算是最干的最有营养的系列了,欢迎收看,一键三连~


   本节课继续来探讨这个新的衍生问题,就是在原页面没有暴露对外的情况下,如何控制vue中内部的data数据?

image.png


而这里,实际上是有俩种情况的。


一种是传统的只在单独页面引入vue的 网页,下面是这么写的:

image.png


   大家可以看到,一开始人家就有了 myapp作为引用,这样我们便没有什么问题,直接在控制台使用myapp来就可以操作 内部的data里的值。当然这种情况属于非常幸运的。


另一种是vue-cli脚手架的情况,这种的下面是这么写的:

image.png

这样的话,也就是我们之前讨论的情况,需要手动添加对外暴露的引用才能控制data。如果源码中恰好有这种代码,那么我们直接拿出来用,也算是比较幸运的了。


不过怕就怕 源码中没有任何的对外暴露。我们就只能想其他办法来操控这个data内的数据了。也就是本文探讨的重点,类似于黑客的外界强行注入js的操作。


   如果此时你去百度,网上讲的一定全都是修改源码中vue内,加上钩子才行。可惜我们做自动化是无法只通过发送浏览器的控制台命令的方式加上vue内的钩子的。所以基本上此时网络上是搜不到任何解决方案的。

   当然如果你去搜索外部js控制vue内data,结果也一样。所有的操作都必须在vue内中有对外暴露的钩子引用才行。


   如果真的遇到这种情况,那么你大概率只能自认倒霉了。不过这种情况也缺少较少,因为一般复杂的页面,都可能涉及到需要外部js来调用控制vue内的函数或变量,所以开发一般会保留在内部的钩子以备不时之需。当然安全角度来说也确实存在一点风险。


   不过咱们讲的是另外的方案,你继续听:





本文的目的并非简单的教大家怎么去实现自动化js的方式上传elementUI和vue组合的文件。


而是写出了全部的思想过程,希望大家可以学到解决问题的思维,而并非最终答案。

相关文章
|
1月前
vue3+Ts 二次封装ElementUI form表单
【10月更文挑战第8天】
190 59
|
1月前
|
数据采集 存储 JavaScript
自动化数据处理:使用Selenium与Excel打造的数据爬取管道
本文介绍了一种使用Selenium和Excel结合代理IP技术从WIPO品牌数据库(branddb.wipo.int)自动化爬取专利信息的方法。通过Selenium模拟用户操作,处理JavaScript动态加载页面,利用代理IP避免IP封禁,确保数据爬取稳定性和隐私性。爬取的数据将存储在Excel中,便于后续分析。此外,文章还详细介绍了Selenium的基本设置、代理IP配置及使用技巧,并探讨了未来可能采用的更多防反爬策略,以提升爬虫效率和稳定性。
|
1月前
|
Java 测试技术 C#
自动化测试之美:从Selenium到Appium
【10月更文挑战第3天】在软件开发的海洋中,自动化测试如同一艘航船,引领着质量保证的方向。本文将带你领略自动化测试的魅力,从Web端的Selenium到移动端的Appium,我们将一探究竟,看看这些工具如何帮助我们高效地进行软件测试。你将了解到,自动化测试不仅仅是技术的展示,更是一种提升开发效率和产品质量的智慧选择。让我们一起启航,探索自动化测试的世界!
|
1月前
|
JavaScript API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
53 1
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
|
1月前
|
JavaScript UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表,支持用户动态添加设备部位和任务,并提供相应的表单验证规则。
122 0
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
|
2月前
|
JavaScript
Vue实现按钮级别权限
文章介绍了在Vue中实现按钮级别权限的两种方法:使用自定义Vue指令和使用v-if指令配合自定义方法。
25 4
Vue实现按钮级别权限
|
1月前
|
JavaScript 前端开发 测试技术
精通Selenium:从基础到高级的网页自动化测试策略
【10月更文挑战第6天】随着Web应用变得越来越复杂,手动进行功能和兼容性测试变得既耗时又容易出错。自动化测试因此成为了现代软件开发不可或缺的一部分。Selenium是一个强大的工具集,它支持多种编程语言(包括Python),允许开发者编写脚本来模拟用户与Web页面的交互。本文将带领读者从Selenium的基础知识出发,逐步深入到高级的应用场景,通过丰富的代码示例来展示如何高效地进行网页自动化测试。
254 5
|
1月前
|
Web App开发 IDE 测试技术
自动化测试的利器:Selenium 框架深度解析
【10月更文挑战第2天】在软件开发的海洋中,自动化测试犹如一艘救生艇,让质量保证的过程更加高效与精准。本文将深入探索Selenium这一强大的自动化测试框架,从其架构到实际应用,带领读者领略自动化测试的魅力和力量。通过直观的示例和清晰的步骤,我们将一起学习如何利用Selenium来提升软件测试的效率和覆盖率。
|
15天前
|
Web App开发 设计模式 JavaScript
自动化测试之美:如何利用Selenium实现Web应用的高效测试
【10月更文挑战第29天】在软件开发的世界中,测试是确保产品质量的关键步骤。本文将带你了解如何使用Selenium这一强大的自动化测试工具,提高Web应用测试的效率和准确性。通过实际案例,我们将探索Selenium的核心功能及其在现代软件开发中的应用,旨在帮助读者掌握自动化测试的精髓,从而提升软件测试工作的整体效能。
13 0
|
1月前
|
测试技术 数据安全/隐私保护 开发者
自动化测试的奥秘:如何用Selenium和Python提升软件质量
【9月更文挑战第35天】在软件开发的海洋中,自动化测试是那艘能引领我们穿越波涛的帆船。本文将揭开自动化测试的神秘面纱,以Selenium和Python为工具,展示如何构建一个简单而强大的自动化测试框架。我们将从基础出发,逐步深入到高级应用,让读者能够理解并实现自动化测试脚本,从而提升软件的质量与可靠性。