输入框输入的内容在“元素”中怎么没有？

已于 2024-03-07 09:56:26 修改
阅读量322 收藏 8
点赞数 9
分类专栏： 学习UI自动化 文章标签： 功能测试
于 2024-03-07 09:13:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42904438/article/details/136523749
版权

问题源起：元素定位到输入框后，想要断言输入的内容是否输入了，但是不知道断言哪个元素，因为在F12中看不到自己输入的内容。
浏览器：
Microsoft Edge
版本 122 (正式版本) (64 位)
在这里插入图片描述
在这里插入图片描述
解决：勾选“显示用户代理阴影DOM”之后，在F12的元素中就可以看到输入的内容了。

在这里插入图片描述
后续问题：
还是断言不了
Cypress报错，找不到shadow，到底为什么？求助
在这里插入图片描述

在这里插入图片描述

爱蹦跶的精灵
关注
  • 9
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html在表中加入输入框,HTML表单和输入文本框
weixin_36322704的博客
05-30 6348
HTML 表单用于收集用户输入的各类信息。1)例子文本域这个例子演示了如何在一个 HTML 页中创建文本域。用户可以在文本域中输入文本。密码框这个例子演示了如何在 HTML 页中创建密码输入框。(本文后面提供更多的例子)2)表单表单是包含表单内各个元素的表单域。表单域内的表单元素允许用户输入相关信息(如文本输入框、文本区域、下拉列表、单选按钮、复选按钮，等等)。表单由标记 定义。3)输入表单中最...
html在表中加入输入框,HTML 表单
weixin_42529148的博客
05-30 1661
HTML 表单和输入HTML表单(form)用于收集各种各样的用户输入。试一个文本框本例演示了如何在HTML页面上创建文本输入框，让用户输入文本。密码框本例演示了如何在HTML页面上创建密码框。(本页底部提供了更多示例)表单表单(form)是一个容纳表单元素的区域。表单元素指的是表单里那些允许用户输入信息的元素(如文本框、多行文本框、下拉菜单、单选按钮、复选框等等)。表单是用标签来定义的。.输入元...
HTML中限制input 输入框输入内容
cnds123的专栏
07-12 7125
先介绍使用 oninput 事件，限制HTML中input 输入框输入内容的方式，再介绍用其它方式限制HTML中input 输入框输入内容。
js输入框输入点击按钮添加表单元素
style201904的博客
05-22 8297
添加表单元素 html <div id="form"> 请输入姓名: <input type="text" id="name"> <br> 请输入性别: <input type="radio" id="sex" name="sex" checked>男 <input type="radio" name="sex"&g...
解决 input 输入框在 iOS 系统中无法输入内容
明天也要努力的博客
05-07 4953
问题： input 输入框在 Android 系统可以输入和点击，但是在 iOS 系统上 input 输入框无法点击和输入。
解决webgl输入框无法输入中文插件
09-08
通常，当用户尝试在WebGL场景中使用HTML输入框输入中文时，可能会遇到输入困难或无法输入的情况。这主要是因为WebGL与HTML元素之间的交互存在问题，尤其是在全屏模式下，浏览器的安全策略可能会阻止这种交互，导致...
jquery实现input输入框实时输入触发事件代码
12-04
实现效果可能是这样的：当用户在输入框中输入字符时，`searchProductClassbyName` 方法会被调用，然后根据输入的内容进行相应的操作，比如显示匹配的商品类别列表。这种方法可以提升用户体验，因为他们无需离开...
vue.js实现输入框输入值内容实时响应变化示例
09-20
在Vue中，实现输入框输入值内容实时响应变化是通过数据双向绑定（data binding）机制来完成的，这极大地提高了开发效率。在这个示例中，我们将详细讨论如何使用Vue.js的`v-model`指令实现这一功能。 首先，我们来看...
JS（javascript）入门：密码输入框中所输入的不规范内容如何在一旁提示出来并要求重新输入？
01-20
在JavaScript（通常简称为JS）中，为密码输入框实现输入规范检查并提供实时提示是一项基本功能，这对于增强用户体验和确保数据准确性至关重要。本篇将详细介绍如何通过JavaScript和CSS实现这个功能。 首先，我们...
只能输入数字的输入框特效代码
03-20
在IT领域，尤其是在前端开发中，创建一个只能输入数字的输入框特效是常见的需求，它通常用于例如电话号码、身份证号或价格等需要用户输入数值的场景。这种特效的实现涉及HTML、CSS以及JavaScript（或者jQuery）技术...
软件测试需要具备的基础知识【功能测试】---后端知识（三）
yang_xs的博客
08-12 989
为了更好的学习软件测试的相关技能，需要具备一定的基础知识。需要学习的基础知识包括：1、计算机基础2、前端知识3、后端知识4、软件测试理论后期分四篇文章进行编写，这是第三篇CS架构BS架构效率：c/s效率高，某些内容已经安装在系统中了，b/s每次都要加载最新的数据升级：b/s无缝升级；c/s删除老版本再安装新版本安全：c/s更安全，需要安装、注册、登录；b/s有浏览器即可使用，安全程度低开发成本：b/s成本低；c/s需要不同的系统要不同的开发人员，成本高。
欧宝丽3D43V40等离子电视（ZPS46G机芯）维修手册.rar
08-13
欧宝丽3D43V40等离子电视（ZPS46G机芯）维修手册
HW数据治理方法论与实践解决方案.pptx
08-13
HW数据治理方法论与实践解决方案.pptx
JAVA音像店租赁管理系统的设计与实现(源代码+lw).zip
最新发布
08-13
随着信息技术在管理上的广泛应用，管理信息系统（MIS）的实施在技术上已经逐步成熟。企业要生存、要发展、要高效率地把企业活动有效组织起来，就必须加强对企业内部各种资源（人、财、物）的有效管理，建立与自身特点相适应的管理信息系统。 本音像店管理租赁管理系统，设计并且完成了一个小型的音像店管理信息系统，使得经营者以及普通用户能对影碟的历史记录等进行操作。 本音像店租赁管理系统是一个典型的管理信息系统，在J2EE架构的基础下实现模块化，使用Struts和Hibernate技术实现并完成。在该系统的设计和实现过程中，采用了一些新技术，使其具有了良好的扩展性以及最大程度上降低了耦合。
财务收支管理系统（按月自动计算）.xlsx
08-13
工资表，财务报表，对账表，付款申请，财务报告，费用支出表，财务收支 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
整站程序，基于PHP+MySQL开发的与非IT数码产品门户程序-ityesno，内含完整源代码，数据库脚本
08-13
整站程序，基于PHP+MySQL开发的与非IT数码产品门户程序_ityesno，内含完整源代码，数据库脚本 安装步骤： 1.把ityesno.sql.gz还原，直接在phpmyadmin中还原即可。 2.更改const.php和include/config.php中数据库信息。 3.上传其他文件到网站相应目录。 4.嗒嗒嗒嗒~到此完成~ 说明： 1.本程序改自dreamarticle，改动较大，适合做一个数码产品类网站，目前这类程序有空白，故发布供网友参考，再次感谢DA的作者 枯木。 2.本程序免费，用户自由选择是否使用，在使用中出现任何问题而造成的损失本人不负任何责任。 3.程序很乱，要改动的地方比较多，大家自己研究吧，有兴趣的也可以联系我。 4.应用本程序尽量留下我网站链接，吃水不忘打井人嘛。 5.后台用户名密码均为admin admin，其中投票系统在Votez文件夹有单独的后台，没有前缀的数据表是投票系统的，有兴趣的请去研究Votez这个投票程序
麦肯锡业务流程规划方法论及流程规划案例.pptx
08-13
麦肯锡业务流程规划方法论及流程规划案例.pptx
IBM-某大型集团流程优化与系统实施项目.pptx
08-13
IBM-某大型集团流程优化与系统实施项目.pptx
6：SVM.zip
08-13
机器学习专业是 DeepLearning.AI 和斯坦福在线合作创建的基础在线课程。这个适合初学者的课程将向您传授机器学习的基础知识，以及如何使用这些技术构建真实世界的人工智能应用。 它广泛介绍了现代机器学习，包括监督学习（多元线性回归、逻辑回归、神经网络和决策树）、无监督学习（聚类、降维、推荐系统），以及硅谷人工智能和机器学习创新的一些最佳实践（评估和调整模型、采用以数据为中心的方法提高性能等）。
在html中可以输入文本的元素有哪些？
06-13
3. `<contenteditable>`属性：可用于使任何元素具有可编辑性，用户可以在其中输入和编辑文本。 4. `<select>`和`<option>`元素：用于创建下拉列表框，用户可以选择其中的选项。其中，`<select>`表示下拉列表框，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值