Selenium折线图自动化测试

置顶 已于 2024-05-27 17:39:00 修改
阅读量1.7k 收藏 16
点赞数 14
分类专栏： Selenium图表自动化测试 Selenium高级篇 文章标签： 自动化
于 2024-02-15 17:48:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TalorSwfit20111208/article/details/136120425
版权

目录

获取折线图echarts实例

获取折线图实例锚点的坐标

通过echarts实例的getOption()方法获取坐标数据

将折线图坐标点转换为像素坐标值

 整合折线图坐标数据

根据折线图坐标计算出锚点相对于浏览器中的坐标

计算canvas画布原点的坐标

 计算折线图相对于浏览器的坐标

使用计算后的坐标使用Selenium API进行图表交互

获取交互数据并进行验证

 测试代码

测试结果

折线图是图表分析中很基本的一个图形，以echarts官方示例中的折线图一天用电量分布为例：

这是一个典型的折线图，跟折线图锚点交互会显示锚点关联的toast。我们怎么开展折线图的自动化测试呢？

要对折线图进行自动化测试主要分以下五步：

  • 获取折线图echarts实例
  • 获取折线图实例锚点的坐标
  • 根据折线图坐标计算出锚点相对于浏览器中的坐标（后面详说）
  • 使用计算后的坐标使用Selenium API进行图表交互
  • 获取交互数据并进行验证

现在我们逐步讲解这些操作怎么如何实施，系好安全带，小编要发车了~

获取折线图echarts实例

由于本文都是以echarts官方图表实例为准，所以实际上官方示例已经将图表实例暴露给浏览器中的windows变量了,所以我

了解本专栏 订阅专栏 解锁全文 超级会员免费看
知识的宝藏
关注
  • 14
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Selenium图表自动化开篇
C'mon的博客
02-13 1323
图表自动化一直以来是自动化测试中的痛点，也是难点，痛点在于目前越来越多公司开始构建自己的BI报表平台但是没有合适的自动化测试工具去做测试支持，而图表的测试工作量冗余繁重，一个新功能或者一个小小的改动也会引起意想不到的问题，让测试人员不堪重负，回归亚历山大。
Python番外篇：selenium+matplotlib 爬取天气预报 制作温度折线图
有意栽花花不发，无心插柳柳成荫。
02-19 1579
hello，大家好，我是wangzirui32，今天我们来学习如何使用=selenium+matplotlib来爬取天气预报，并制作未来气温折线图。 先来看看成品： 好了，看到了我们的成果，相信你会更有学习的动力的！ 开始学习吧！ 学习目录1. 爬取天气数据并存储到json文件中1.2 数据来源1.3 分析天气预报网页1.4 编写爬取代码2. 读取数据并使用matplotlib制作图表写在最后 1. 爬取天气数据并存储到json文件中 1.2 数据来源 这里使用的数据来源为中国天气网（www.weather
Selenium 柱状图自动化测试
C'mon的博客
02-24 1754
柱状图是图表中非常基本的图形之一，可以很直观的对多项数据进行对比展示。那么如何对柱状图进行自动化测试呢？本篇小编将结合实际工作经验来分享一下小编在工作中使用Selenium对柱状图进行自动化测试的经验。本篇还是讲述以echarts为图表库构建的基础柱状图图表的自动化测试,选一个echarts官方示例有交互数据的柱状图：Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。c=bar1。
python自动化测试：TestRunner结合Echart生成可视化测试报告
weixin_41807807的博客
09-03 1225
TestRunner默认生成的测试报告是介样的： 结合Echart生成的报告是这样的： 虽然暂时只是看起来高大上了，提高了PM的体验，然而对开发。。。 Q:如何实现？ A：简单来说就是通过修改HTMLTestRunner.py这个包的源代码，让其中用于创建HTML文件的部分按照我们的想法去执行。 在源码中类 Template_mixin(object)中的 代码就是测试报告的网...
SeleniumWebDriver如何自动化可视化验证图表和绘图(如折线图，饼图，柱状图)
软测小生
10-09 2267
http://www.vinsguru.com/selenium-webdriver-how-to-automate-charts-and-graphs-validation/ 前言： 图表(Chart)的自动验证是测试自动化的最大挑战之一， 而在我们的应用程序中，我们有大量的图表，接下来将展示我是如何自动化Chart，或许给你一些新的想法。 Ocular 我将使用Ocular-图像验证库! 事...
Selenium入门
pomodoro
08-11 1336
最近测试中用到了Selenium，我感觉到非常不合适，因为，EasyUI使用的是动态ID，而Selenium需要根据Xpath或者id找对应的页面元素，用EasyUI就表示，大部分情况下，你都是不能用id得到的，只能通过xpath。虽然出现了很多问题，不过还是写完了。废话不多说了，开始主题。 首先 Jar包和chromeDriver，IEDriver，这里， 密码：fw0p selenium是非
Selenium 饼图自动化测试
C'mon的博客
04-05 1915
在前面已经说过和的自动化测试，本期来讨论一下饼图的自动化测试（如果没有做特别说明，说的都是以echarts为基础的图表自动化测试）。基本套路都差不多，只不过饼图略微复杂一些，因为echarts饼图的实例并没有暴露饼图的坐标，只是暴露了饼图起始位置和结束位置的弧度，因此需要使用三角函数和数学象限相关的坐标知识结合计算出真正的坐标。
Python自动化办公的第三方库.zip
08-13
9. **selenium**: 如果需要模拟用户在网页上的操作，比如自动登录、填写表单、点击按钮等，selenium是一个强大的工具，特别适合网页自动化测试和爬虫辅助。 10. **unidecode**: 在处理非ASCII字符时，unidecode可以...
基于selenium的51job网站爬虫与数据可视化分析实战
07-02
Selenium是一个开源的自动化测试工具，最初设计用于Web应用程序的测试。由于其能够模拟浏览器操作，因此它也常被用于爬虫领域，尤其是针对那些需要用户交互才能加载内容的动态网页。Selenium支持多种浏览器，包括...
b站数据爬虫+可视化图表（selenium模块+pyecharts模块）（大二课设）
11-11
1. **selenium模块**：selenium是一个自动化测试工具，常用于模拟真实用户在浏览器中的交互行为。在爬虫领域，它能解决网站反爬策略，如JavaScript动态加载、登录验证等问题。在本项目中，selenium可能被用来登录B站...
java使用phantomjs把echarts转图片 静态资源
02-22
PhantomJS是一个基于Webkit的无头浏览器，它可以像正常浏览器一样加载网页，但不会显示用户界面，这使得它非常适合进行自动化测试、网页截图和PDF生成等任务。在我们的需求中，我们将利用PhantomJS的网页截图功能来...
Python期末大作业，基于selenium的51job网站爬虫与数据可视化分析.zip
06-14
selenium是一个强大的Web自动化测试工具，它允许程序员模拟真实用户对浏览器进行操作，如点击按钮、填写表单、滚动页面等。在51job网站爬虫项目中，selenium主要用来处理动态加载的内容和登录验证。51job的部分职位...
Laravel Envoy：任务自动化的瑞士军刀
2401_85342379的博客
07-17 342
使用YAML语法在task:script:可以在deploy:script:rollback:script:Laravel Envoy是一个简单而强大的任务自动化工具，它可以帮助开发者自动化各种开发任务，提高工作效率。通过本文的介绍，你应该对Envoy有了更深入的理解，包括其特性、安装配置以及高级用法。记住，合理利用Envoy，可以让你的开发任务更加自动化和标准化。本文详细介绍了Laravel Envoy工具的用途、特点以及具体的使用方法。
Mojolicious命令行工具：自动化Web开发的瑞士军刀
2402_85762143的博客
07-13 558
Mojolicious的命令行工具是框架的核心组成部分之一，它提供了一个简洁的接口来执行常见的Web开发任务。这些工具可以通过Perl的mojo命令访问，该命令随Mojolicious框架一起安装。除了内置的命令，Mojolicious还允许开发者自定义命令行工具。通过在项目的script目录下创建新的Perl脚本，并使用命名约定，你可以添加自己的命令。
自动化故障排查与运维团队建设策略
MXsoft618的博客
07-14 498
综上所述，通过实施自动化故障排查流程与工具、加强运维人员培训与团队建设等策略，可以显著提升运维团队的整体能力和效率。这将有助于更好地应对日益复杂的运维挑战，保障系统的稳定性和高效运行。在当前的运维领域，自动化故障排查已成为提高运维效率、保障系统稳定性的关键手段。为了进一步提升故障排查能力，并建立高效的运维团队，以下策略值得深入考虑和实施。
在 PostgreSQL 里如何实现数据的冷热数据分层存储的自动化策略调整？
最新发布
技术笔记
07-17 631
同样的道理，对于数据库中的数据，我们也可以根据其访问频率将其分为热数据和冷数据，并将它们存储在不同的存储介质上，以提高数据库的性能和存储效率。在这些数据中，有些是经常被访问的热点数据，而有些则是很少被访问的冷数据。首先，我们按照订单日期对订单表进行了分区，将最近一个月的订单数据存储在热数据分区中，将超过一个月的订单数据存储在冷数据分区中。然后，我们创建了一个触发器和一个存储过程，当订单数据被访问时，更新其最后访问时间，并每天晚上将超过一个月未被访问的订单数据从热数据分区迁移到冷数据分区。
Python之Excel自动化处理（二）
Calor13的博客
07-14 440
数据汇总是Excel中常用的功能，而在Python中使用通过遍历所有单元格即可实现。
Tg机器人开发：实现自动化图片审核功能
2401_85720680的博客
07-12 442
自动化图片审核：机器人自动分析用户发送的图片，识别不当内容。实时反馈：审核结果实时反馈给用户，确保信息流通的安全性。
selenium firefox 自动化测试
04-19
Selenium是一个用于Web应用程序测试的工具，它支持多种浏览器，包括Firefox。Firefox自动化测试是使用Selenium和Firefox浏览器进行自动化测试的一种方法。 Selenium提供了一组API，可以通过编写脚本来模拟用户在浏览器中的操作，例如点击、输入文本、提交表单等。对于Firefox浏览器，你可以使用Selenium的Firefox驱动程序来控制浏览器的行为。 要使用Selenium进行Firefox自动化测试，首先需要安装Selenium库和Firefox驱动程序。然后，你可以编写测试脚本，使用Selenium的API来模拟用户操作。以下是一个简单的示例： ```python from selenium import webdriver # 创建Firefox驱动程序 driver = webdriver.Firefox() # 打开网页 driver.get("https://www.example.com") # 执行一些操作，例如点击按钮、输入文本等 element = driver.find_element_by_id("button") element.click() # 获取页面内容 page_source = driver.page_source print(page_source) # 关闭浏览器 driver.quit() ``` 这是一个简单的示例，你可以根据具体的需求编写更复杂的测试脚本。Selenium提供了丰富的API和功能，可以帮助你进行各种类型的自动化测试。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识的宝藏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值