在 Cypress 中如何获取页面上的 Cookie？

Cypress 是一个流行的前端自动化测试框架，它带来了许多便利的测试工具和方法。当我们进行前端应用程序的自动化测试时，可能需要通过获取 Cookie 来验证用户是否成功登录或者获取其他页面状态信息。在本篇文章中，我们将学习如何在 Cypress 中获取页面上的 Cookie，以及如何使用获取到的 Cookie 进行相关的验证和操作。

获取页面上的 Cookie

在 Cypress 中获取页面上的 Cookie 可以使用 cy.getCookie() 方法。以下是这个方法的用法：

cy.getCookie(name)

其中，name 参数是需要获取的 Cookie 名称。这个方法会返回一个包含 Cookie 值和属性的对象，如下所示：

// www.javascriptcn.com code example
{
  "name": "cookie_name",
  "value": "cookie_value",
  "path": "/",
  "domain": "localhost",
  "secure": false,
  "httpOnly": false,
  "expiry": 1577865600000
}

我们可以使用 cy.wrap() 方法对返回数据进行进一步操作。例如，我们可以使用以下代码获取 userId 的 Cookie 值，并将它存储在变量 userId 中：

let userId = ''
cy.getCookie('userId').then((cookie) => {
  userId = cookie.value
})
cy.wrap(userId).should('eq', '123456')

验证 Cookie 值

获取到 Cookie 值之后，我们可以使用 cy.wrap() 方法将其包装为 Cypress 命令对象，并使用 Cypress 的验证工具进行相关的判断。

例如，我们可以使用以下代码验证 userId 的 Cookie 值是否等于 123456：

cy.getCookie('userId').then((cookie) => {
  cy.wrap(cookie.value).should('eq', '123456')
})

我们也可以使用 cy.getCookie() 方法验证 Cookie 的其他属性。例如，我们可以使用以下代码验证名为 cookie_name 的 Cookie 的属性：

cy.getCookie('cookie_name').then((cookie) => {
  expect(cookie.path).to.equal('/')
  expect(cookie.domain).to.equal('localhost')
  expect(cookie.httpOnly).to.be.false
})

设置 Cookie 值

在某些情况下，我们可能需要在测试过程中设置 Cookie 的值。在 Cypress 中，我们可以使用 cy.setCookie() 方法设置 Cookie 的值。以下是这个方法的用法：

cy.setCookie(name, value[, options])

其中，name 和 value 分别是 Cookie 的名称和值。options 参数是一个可选的 Cookie 选项对象，可以包含以下属性：

• domain: Cookie 的域，默认为当前页面的域。
• expiry: Cookie 的过期时间，可以是一个日期对象或一个时间戳数值。
• httpOnly: 是否只能通过 HTTP 访问 Cookie，默认为 false。
• path: Cookie 的路径，默认为当前页面的路径。
• secure: 是否使用安全的 HTTPS 协议传输 Cookie，默认为 false。

以下是一个设置 Cookie 值的示例代码：

cy.setCookie('userId', '123456', {
  domain: 'localhost',
  path: '/',
  expiry: new Date('2022-12-31'),
})
cy.getCookie('userId').then((cookie) => {
  expect(cookie.value).to.eq('123456')
})

结语

本篇文章介绍了在 Cypress 中获取页面上的 Cookie 的方法，以及如何使用获取到的 Cookie 进行相关的验证和操作。希望这些方法能够帮助你更好地进行前端自动化测试。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d67bdca941bf7134c420ba