为什么柏树找不到我的H1元素?

您可以使用备用的“contains”命令,

cy.contains('#feed_header_id', 'אביזרי');

原因是 cy.get(...).contains(...) 不等待异步 .

这个 get() 部分具有自动重试功能,但id选择器是在html中硬编码的,因此 获取() 立即成功(在xhr返回其值之前),然后测试元素的内容(最初为空)。

上面的替代语法将自动重试应用于选择器和内容。

规范-包含-rtl.js

describe('contains', () => {
  it('waits for content', () => {
    cy.visit('app/hebrew-calendar.html').then(x => console.log('x', x))
    // cy.get('h1#feed_header_id').contains('כ״ט בְּאִיָּר תשע״א');
    cy.contains('h1#feed_header_id', 'כ״ט בְּאִיָּר תשע״א');
  })
})

示例页-hebrew-calendar.html

<h1 id="feed_header_id"></h1>

<script>
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://www.hebcal.com/converter/?cfg=json&gy=2011&gm=6&gd=2&g2h=1', true);

  xhr.onload = function () {
    const hebrewDate = JSON.parse(xhr.response).hebrew;
    const el = document.querySelector('h1#feed_header_id');
    el.textContent = hebrewDate;
  };

  xhr.send(null);
</script>

可能有多个具有相同文本的元素。 尝试 cy.get('#feed_header_id').find('h1').contains('אביזרי');

我强烈怀疑是测试工具造成的。

我建议尝试:

cy.get('h1#feed_header_id').contains('ירזיבא');