代码之家 › 专栏 › 技术社区 › opensas

cypress:css选择器,用于通过文本选择锚定

cypress css-selectors css

opensas · 技术社区 · 7 年前

我开始玩了 cypress 我需要选择这样一个链接:

<table cellSpacing="0" cellPadding="0" width="100%" border="0" class="ToolBarBkg">
  <tbody>
    <tr>
      <td class="ContentLeftLinks" align="right" width="98%" height="40" nowrap>
        &nbsp;
        <a href="javascript:FireEvent('Agregar')" style="COLOR: black; font-weight: normal" tabindex="-1">
          <IMG src="/metassc/images/toolbar/AltaOn.gif" align="absmiddle" border=0> Alta
        </a>
        &nbsp;

        <a href="javascript:FireEvent('Eliminar')" style="COLOR: black; font-weight: normal" tabindex="-1">

          <IMG src="/metassc/images/toolbar/BajaOn.gif" align="absmiddle" border=0> Baja
        </a>

下列的 this page 我已经试过了:

cy.contains('a[href~=Agregar]')
cy.contains('a[href*="Agregar"]')
cy.contains('a:contains("^Agregar$") ')
cy.contains('a:contains("^Alta$") ')

但它们似乎都不起作用。知道吗?

1 回复 | 直到 7 年前

kuceb 7 年前

cy.contains() 也可以采用两个参数:

cy.contains('a', 'Alta')

这是第一个 a 包含文本的元素 Alta

Dinesh Kumar 7 年前

有一个很受欢迎的图书馆> cypress-testing-library

这使得使用选择器非常容易 文本、标题、值、alt文本 等

对于你的问题,你可以简单地使用 getByText 此库中的方法: cy.getByText('Agregar').click()

opensas 7 年前

这似乎有效,不得不使用 cy.get 而不是包含

cy.get('a[href*="Agregar"]')
  .click()

soccerway 7 年前

另一种方法是,你可以深入到 <a> 标签通过 parent() 和 find() 柏树方法;

cy.get('a:contains("Agregar")').parents('.ToolBarBkg').find('tbody').find('tr').find('td').find('a').contains("Agregar").click();

推荐文章

James.Alocard · Cypress给出“此浏览器或应用程序可能不安全”的谷歌身份验证

1 年前

Sheetal Akhud · 我需要用柏树压缩一个报告文件夹[复制]

1 年前

dmtree · Cypress中的参数化测试解决方案

2 年前

Amitoj Singh Khurana · 无法通过install npm在MAC中安装Cypress install Cypress--save dev

2 年前

grabury · 如何运行单个珀西柏树测试

2 年前

Rubén Campos Sosa · 如何在Cypress中停止“for”循环?

2 年前

qatesterbecomingprogrammer · 超过了最大调用堆栈大小-Cypress

2 年前

KiritoLyn · 在Cypress中将index.html文件设置为baseUrl

2 年前

Mlz · 如何使DOM元素在网页中可见(Cypress web Automation)

3 年前

jamesdlivesinatree · 组件测试建议下一个13.4+与应用程序目录

3 年前