jquery-selectors - 将 Cypress cy.get() 与包含选择器一起使用未按预期工作

Question

我正在尝试使用 Cypress 中的选择器，以便能够在我的网页中找到数据。它似乎没有像我预期的那样工作，但这可能只是因为我不理解它应该工作的方式。

我正在做以下事情。 click() 只是为了让我可以查看 cy.get() 是否有效，我正在尝试找到正确的选择器。我最终会在复杂的 cy.contains() 中使用选择器，我正在尝试从头开始构建。

cy.get('body:contains(ATHLETE FIRST NAME)').click();

我有一个元素在两个地方有上面的文本。但是上面的 contains() 好像并没有找到它，但它不会导致失败。

如果我将该行更改为:

cy.get('div:contains(ATHLETE FIRST NAME)').click();

它告诉我它找到了 12 次。它似乎只找到了 body 或 div，但完全忽略了 :contains()。我在想我一定是做错了，但我发现的一个例子似乎是这样做的，而且根本找不到很多例子。

==========

更新 2020-06-08

我正在对此进行切换。

这是我的代码正在执行的操作，来自 Cypress UI 日志。我不再使用 :contains() 选择器，而是使用 name:

contains [name=customerFirstName], johnie

这是当时显示的元素:

<input aria-invalid="false" id="outlined-name" name="customerFirstName" type="text"
       class="MuiInputBase-input MuiOutlinedInput-input" value="johnie"
       style="...">

它没有找到那个 value，即使它在应该由 name 选择的元素中。我什至尝试搜索 '#outlined-name'，但没有任何区别。

Answer 1

WRT 到您的更新，要获取输入字段的值，请参阅

How do I get an input’s value?

cy.get('[name=customerFirstName]')
  .should('have.value', 'johnie');

或

cy.get('[name=customerFirstName]')
  .invoke('val')
  .should('eq', 'johnie');

contains(selector, content)命令只针对内容在开始和结束标签之间的元素，适用于<div> , <span>等但不是<input />这是自动关闭的。