Cypress 如何获取元素的 ` href `属性？

在Cypress中，要获取元素的href属性，你可以使用.invoke('attr', 'attributeName')方法，其中attributeName就是你想要获取的属性名，比如href。下面是一个简单的例子说明如何获取一个链接（anchor tag <a>）的href属性：

javascript
// 假设有一个链接<a id="my-link" href="/some-path">Click here</a>
// 用Cypress选择这个元素然后获取href属性

cy.get('#my-link') // 选择元素
  .invoke('attr', 'href') // 获取href属性
  .then(href => {
    // 现在你可以使用href变量，它包含了链接的href属性值
    console.log(href); // 输出: /some-path
    // 做其他的断言或操作
  });

在这个例子中，.get('#my-link')命令先选中ID为my-link的元素，然后.invoke('attr', 'href')命令用于获取该元素的href属性值。最后，.then()用于得到这个属性值，并且可以在这个回调函数中对href进行进一步的操作或断言。

如果你需要断言这个href属性是否有特定的值，你可以直接用Cypress提供的.should()断言方法，例如：

javascript
// 断言元素的href属性是否等于某个特定值
cy.get('#my-link').should('have.attr', 'href', '/some-path');

在这个断言中，should('have.attr', 'href', '/some-path')会检查选中的元素是否有一个href属性，且该属性的值为/some-path。如果不匹配，测试会失败。