如何在Cypress中打印div元素的文本值到网页控制台？

直接通过Cypress链式调用取值即可，注意Cypress所有命令都是异步入队执行的，不要用原生DOM的同步写法直接取值，参考实现代码：

cy.get('#label')
  // 调用元素的text方法提取文本内容
  .invoke('text')
  .then(textContent => {
    // 拿到文本后调用console.log即可输出到浏览器网页控制台
    // 加trim()是为了去掉文本前后多余的换行、空格
    console.log('#label元素的文本内容为：', textContent.trim())
    // 后续如果需要复用这个文本值，相关逻辑必须写在当前then回调内部
  })

• 如果需要把文本打印到Cypress自带的运行日志面板，把console.log替换为cy.log即可
• 要是只是临时调试看元素内容，也可以直接在选中元素后链式调用.debug()，运行到这一步时会在开发者工具里暴露当前元素对象，可直接在控制台查看元素相关属性
• 不要尝试写const text = cy.get('#label').text()这类同步代码，Cypress命令不会同步返回DOM节点，这种写法拿不到正确的文本值

内容的提问来源于stack exchange，提问作者grubyfat