在Cypress中如何根据名称选择输入元素？
在Cypress中，可以使用cy.get()方法结合CSS选择器来根据名称选择输入元素。以下是一个示例：
cy.get('input[name="elementName"]')上述代码中，input[name="elementName"]是一个CSS选择器，其中input表示选择所有的输入元素，name="elementName"表示选择具有name属性值为elementName的元素。
此外，Cypress还提供了其他选择元素的方法，例如根据ID选择元素可以使用cy.get('#elementId')，根据类名选择元素可以使用cy.get('.className')等。
对于更复杂的选择需求，Cypress还支持使用XPath来选择元素。可以使用cy.xpath()方法来根据XPath表达式选择元素。以下是一个示例：
cy.xpath('//input[@name="elementName"]')需要注意的是，XPath选择器在Cypress中的性能相对较低，因此建议优先使用CSS选择器进行元素选择。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
2回答
不使用wait函数的Cypress e2e测试
reactjs、testing、wait、cypress
我是用Cypress进行e2e测试的新手，我有一个问题。 我写了一个测试，我不想在其中使用Cypress wait()命令。 it('Should modify checkbox state', () => {
login();
cy.visit(TabsSettings.SIZE_FORMATS).then(() => {
cy.xpath('(//div[@data-qa="sizeFormats"]//*[4]//*//*[1]//*//*//*)[1]', { time
浏览 22提问于2020-01-15得票数 1
1回答
单击按钮时，某些表单输入将被清除
javascript、testing、automation、cypress
我正在使用cypress自动化一个表单。我已经添加了所有的输入，但当我点击“Boook”按钮或表单中的任何按钮时，一些输入字段会被清除。我无法提交此表单，因为这个issue.Is，有什么解决方案吗？ cy.xpath("//div[contains(@class,'specific-translator')]/div[2]/input").first().type('hira@translator.dt',{force: true})
cy.xpath("//span[contains(text(),'Klicka')]
浏览 16提问于2021-07-16得票数 0
2回答
Ajax调用后如何分配Cypress测试HTML元素
cypress
我有一个由Ajax调用处理的搜索输入和结果显示区域。当用户输入关键字时，Ajax调用后端并返回HTML字符串。然后，JS处理程序将响应HTML附加到结果显示区域。
在这里，我的脚步：
location)Result：搜索输入:温哥华(自动浏览器输入:欢迎进入温哥华类型到搜索输入: CalgaryExpected:欢迎来到卡尔加里
// Test case
Cypress.Commands.add('assessHeadingInfo', (options) => {
cy.fixture('selectors/index-page').then((
浏览 9提问于2022-09-22得票数 1
回答已采纳
2回答
如何将不同JSON对象从夹具映射到柏树中的特定规范测试文件
cypress、cypress-component-test-runner
我有下面的Input.json作为工具，它包含两个不同的测试用例。
Input.json (夹具文件夹)
[
{
"searchKeyword":"cypress"
},
{
"username":"QATesting",
"password":"testprofile"
}
]
以上数据将验证Google的两种不同功能。一个将验证搜索引擎，另一个将验证用户登录活动(这只是用于示例用例，它可能模拟我的实际需求)。
我刚刚
浏览 7提问于2021-10-04得票数 2
回答已采纳
1回答
Cypress获得兄弟姐妹的输入并更改值？
reactjs、cypress
我对cypress很陌生，我想要获得输入字段来修改值。
我可以选择行，然后是兄弟姐妹，但我不知道如何选择<input ....。在下面的图片中，我们可以看到siblings选择行元素，现在我想选择输入元素，但我无法做到：
<td>
<input
className="form-control"
name="labelPred1"
type="text"
value={this.state.jsondata.prediction[k]}
onChange={e => this.o
浏览 2提问于2021-06-21得票数 0
回答已采纳
3回答
如何使用Cypress针对没有id属性的嵌套输入？
html、css、reactjs、cypress、end-to-end
我正在为一个反应项目编写一个柏树测试。我需要能够将嵌套在<label>中的一个<label>作为目标，这样我就可以输入这个输入字段了。<input>s没有类ids。
这是我的HTML。
<label class="Input">
<div class="label">LABEL TEXT</div>
<input type="text">
</label>
我有许多相同形式的输入，上面显示了精确的HTML
浏览 3提问于2019-07-03得票数 7
回答已采纳
2回答
单击在Cypress中具有特定属性值的元素
xpath、cypress
我正在为一个具有属性值"123"的元素编写这段代码。因为该页面上有许多产品，所以需要使用wishlist按钮。但是我想点击这个特定产品id(123)的wishlist按钮。
但我收到一个错误说
只能对单个元素调用 cy.click()。
你的主题包含53个元素。
如果要连续单击每个元素，请传递{ multiple: true }。
有人能帮忙吗？
cy.xpath('//div[@id="filterProducts"]//div[@data-wish-list-entry-number]').then(thisProduct =&g
浏览 11提问于2022-08-01得票数 0
4回答
怎么买云服务器？
云服务器、5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 479提问于2018-03-12
3回答
如何使用Cypress从下拉列表中选择随机项？
javascript、drop-down-menu、cypress
在站点：中，有一个下拉列表位于这里，
html如下所示：
<select id="testingDropdown">
<option id="automation" value="Automation">Automation Testing</option>
<option id="performance" value="Performance">Performance Testing</option>
<option id="manua
浏览 14提问于2020-10-24得票数 1
2回答
Cypress:使用多个选择器和条件
javascript、html、testing、automated-tests、cypress
我有多个登录页面，如下：
第一个登录页
输入元素如下：
<input placeholder="name@email.com" class="input" name="email" type="text" value="">
Cypress选择器如下：
cy.get('input[name="email"]').as('email').click();
第二个登录页面：
输入元素如下：
<input id="email" type=&
浏览 3提问于2021-12-27得票数 1
7回答
按ID / XPATH / Name单击元素？
automation、cypress
我想通过XPATH / ID单击一个元素，而不是默认的柏树定位器，这有可能吗？
在selenium中，我可以通过XPATH使用find元素，例如：
d.findElement(By.id("category")).click();
在柏树里，就像：
cy.get('#hdtb-msb-vis > :nth-child(3) > .category').click()
我能按一下ID吗？(硒更好看！)
d.findElement(By.id("category")).click();
对
cy.get('#hdtb-msb-vi
浏览 0提问于2019-07-04得票数 20
回答已采纳
3回答
单击不包含柏树中href的链接
javascript、jquery、hyperlink、cypress、cypress-testing-library
我正在自动化我的回归检查表，我被困在一个测试用例中，我必须测试一个在一个新选项卡中打开的链接，因为Cypress不支持多个选项卡，所以我想在同一个选项卡中打开这个链接。问题是该按钮在标记中不包含任何href链接。这是全班同学。
注意:如果存在href，下面显示的代码片段可以正常工作。
<a rel="noopener noreferrer" target="_blank">
<div class="tooltip" style="width: fit-content;">
<span class=&#
浏览 9提问于2022-08-05得票数 2
回答已采纳
20回答
选择react使用柏树选择下拉列表选项
cypress、react-select
有没有人知道如何在柏树测试中从react select下拉列表中选择一个选项？
我试过很多东西，但都没有用。
似乎反应-选择使用一个隐藏的输入。那棵柏树不能写进。那棵柏树也不能写进任何一个。
另外，我不知道如何检查dev tools中的实际下拉列表也没有帮助，因为它不处于打开状态。
我正在使用：
react选择v2.4.1
cypress v3.1.5
编辑1：
@bkucera的答案有效。我最后得出的工作守则是：
it('updates Person', () => {
cy.get('[data-id=bearbeiter]')
浏览 2提问于2019-03-07得票数 32
2回答
试图对既不是DOM对象也不是jQuery对象的对象进行chai-jQuery断言。
xpath、cypress
我有一个简单的html结构
<div>
<div>
<input placeholder="pl1"></input>
</div>
<div>
<input placeholder="pl2"></input>
</div>
</div>
和代码：
cy.xpath('//div/div[1]/input').should('have.attr', 'placeholde
浏览 0提问于2019-04-04得票数 4
2回答
Cypress或Puppeteer:如何使用react、select弹出/弹出/弹出测试页面？
puppeteer、cypress、react-select
请求：要么使用Cypress (最好)，要么使用通过cy.task()扩展Cypress和Puppeteer，能够在系统生成的弹出菜单上执行测试？
这个弹出菜单元素不能被Chrome检查，因此不能被CSS选择器或XPath导航。
详细信息：，我正在使用Cypress进行UX测试，并在有限的情况下使用自定义cy.task()和Puppeteer进行扩展。
正在测试的网页有一个下拉选项，它生成弹出菜单，源是这个npm模块：。
在检查下，弹出菜单是从a生成的，它具有以下两个属性：
感谢你的帮助，谢谢
2月22日，更新的
这是生成的react-select-a
浏览 18提问于2022-02-16得票数 3
回答已采纳
2回答
如何处理Cypress中的切换？
toggle、cypress
*如果启用了切换-需要填写表单，该表单仅在启用后才会显示。如果切换被禁用-不需要查找隐藏的表单。
我想检查切换最初是否被禁用，并执行相应的后续步骤。如果它被禁用，那么第一个-我想启用它，填写表单并点击保存，第二个-让它保持原样，然后点击跳过。类似地，如果切换最初是启用的，我想先禁用它，然后点击Skip，Save让它保持原样，填写表单字段并点击Save。在这种情况下我能做些什么？
*填写表单和跳过/保存不是问题。
禁用的Cypress代码：
it('Disable', function () {
cy.get('input[aria-label="prim
浏览 0提问于2020-12-06得票数 0
2回答
Cypress:获取新的重载元素
javascript、jquery、cypress
我对重新加载元素有问题。在我们的网站上，每个分页页面上有10个元素。如果删除一个元素，则下一个元素将滑入，依此类推。我的问题是，最初找到了这10个元素。如果我现在删除所有的10个元素，我的函数就完成了，尽管更多的元素被重新加载，这也必须被删除。如何在函数中捕获重新加载的元素？
deleteDeliveryAddresses() {
const deleteRow = (selector, rowsToDelete) => {
if (rowsToDelete === 0) return
cy.get('foerch-delivery-a
浏览 0提问于2021-10-11得票数 2
回答已采纳
1回答
柏树-测试什么都不会发生
javascript、reactjs、typescript、testing、cypress
我有一个按钮“去谷歌”和一个输入框。
当输入框中有内容时，单击按钮将打开一个新选项卡，供用户导航另一个网站。否则，单击该按钮将不会触发任何操作。
App.tsx
import "./styles.css";
import React, { useState } from "react";
export default function App() {
const [input, setInput] = useState("");
const onButtonClick = () => {
if (input !== &#
浏览 3提问于2022-09-26得票数 0
回答已采纳
4回答
Cypress测试一个材料-UI数据报警器不适用于Github操作。
javascript、reactjs、material-ui、cypress、github-actions
当在github操作中运行我们的柏树测试时，我们有一种奇怪的行为。数据报警器是在只读模式下，我们不能输入任何日期(在其他环境中很好)。
柏树误差
CypressError:在4000 is之后超时重试：cy.clear()失败了，因为这个元素是只读的：<input aria-invalid="false" readonly="" type="text" aria-readonly="true" aria-label="Choose date" class="MuiOutlinedInput-inp
浏览 18提问于2021-11-01得票数 23
2回答
Cypress断言-元素是可操作的/不包括在内
javascript、cypress、wait、assertion
我想详述一下，因为我有一个类似的问题：
我想要cy.get('#lead_name').type('foo')，但是在加载表单时，这个元素包含了不透明的0.9：
<div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 665px; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0
浏览 13提问于2021-10-15得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
