java - 如何使用Selenium和Java与动态Web元素交互？

Question

我想使用 Selenium 与网站上的元素进行交互。该元素根据用户的行为包含更多内容，但显然始终只有一个 HTML 元素。

当鼠标不在元素上方时，该元素看起来像这样:

当鼠标放在它上面时，它看起来像这样:

当用户单击向下箭头时，其他内容将可视化:

正如您所看到的，它包含更多逻辑，但我没有为其添加屏幕截图。

对应的HTML代码就是这样，仅此而已:

我不知道这个内容是如何创建的。有谁知道我如何使用 Selenium 和 java 与该 Web 元素交互？ Selenium 显然仅限于 HTML 内容 - 如果不尝试任何肮脏的黑客技术(例如将鼠标放置在元素上的某个位置来触发不同的可视化)，我能做什么？

更新我想做自动化的端到端测试。这意味着我需要像用户一样以编程方式使用 Web 元素的按钮:

1. 点击 x 按钮删除日期
2. 通过点击向上和向下按钮更改日期
3. 使用日历组件更改日期
4. 更改网络元素中的文本(我想以我目前对 Selenium 的了解可能已经能够做到这一点)

Answer 1

我与该应用程序的开发人员交谈，他告诉我他实际上只是向应用程序添加了一个日期类型的 HTML 输入元素。其余的(即我在上面的问题中介绍的该输入字段的渲染器/编辑器)完全是特定于浏览器的。在 Chrome 中看起来很像，在 Firefox 中则完全不同。

上述 Web 元素似乎是 Chrome 中常规的 HTML 5 日期时间选择。有了这些知识，您可以在这里找到 Web 元素和 Selenium 教程:https://www.guru99.com/handling-date-time-picker-using-selenium.html以及与我的问题类似的另一个讨论:How to set HTML5 type="date" input fields (e.g. in Chrome) using Selenium/Protractor?

guru-page 显然描述了如何控制整个 Web 元素，并且它似乎有效。我会检查一下并接受它作为现在的答案。感谢大家抽出时间!