如何在Cypress中正确验证HTML元素内的指定邮箱文本？

错误原因分析 #

1. 第一个断言代码错误：invoke('text')会把元素的文本内容提取为纯字符串，而include.text是chai-jQuery断言，仅适用于DOM/jQuery对象，不能直接用在字符串上，因此触发报错。
2. 第二个尝试的contain.text是错误的语法，Cypress中没有该断言命令。
3. 第三个尝试的invoke('html.text')是无效方法，不存在这样的调用方式，且后续断言仍误用了针对DOM对象的contain.text。

正确的断言写法 #

以下几种方式都可以正常验证文本包含指定邮箱：

方式1：直接在元素上使用Cypress内置断言（推荐）

直接对cy.get()获取到的DOM元素使用contain或include.text断言：

// 写法1：使用contain断言（默认检查文本包含）
cy.get('.welcome-msg').should('contain', 'dummyuser@test.com')

// 写法2：使用include.text断言（明确指定检查文本）
cy.get('.welcome-msg').should('include.text', 'dummyuser@test.com')

方式2：提取文本后使用字符串断言

如果需要先提取文本内容再断言，使用invoke('text')拿到字符串后，改用普通的include或contain断言（针对字符串的chai断言）：

// 提取文本后检查包含指定字符串
cy.get('.welcome-msg').invoke('text').should('include', 'dummyuser@test.com')

// 或者用contain，效果和include一致
cy.get('.welcome-msg').invoke('text').should('contain', 'dummyuser@test.com')

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