Cypress 系列（26）- as()、fixture() 命令详解

2023-09-04 13:11:18

前言

在 Cypress 中，as() 命令和 fixture() 命令都是非常有用的命令，它们可以帮助我们轻松地处理测试数据。as() 命令可以将一个别名分配给一个元素，以便在后续的测试用例中使用。fixture() 命令可以加载位于文件中的一组固定数据，以便在测试用例中使用。

as() 命令

as() 命令的语法格式如下：

cy.get('selector').as('alias')

其中：

selector 是要获取的元素的 CSS 选择器。
alias 是要分配给元素的别名。

例如，我们可以使用 as() 命令将一个别名分配给一个按钮元素，以便在后续的测试用例中使用：

cy.get('button').as('btn')

然后，我们就可以在后续的测试用例中使用 btn 别名来引用这个按钮元素。例如，我们可以使用 btn 别名来点击这个按钮：

cy.get('@btn').click()

fixture() 命令

fixture() 命令的语法格式如下：

cy.fixture('fixture_name')

其中：

fixture_name 是要加载的 fixture 文件的名称。

例如，我们可以使用 fixture() 命令来加载一个名为 user.json 的 fixture 文件：

cy.fixture('user.json')

然后，我们就可以在测试用例中使用这个 fixture 文件中的数据。例如，我们可以使用 user.json fixture 文件中的数据来创建一个用户对象：

const user = cy.fixture('user.json')

然后，我们就可以使用 user 对象来进行测试。例如，我们可以使用 user 对象来验证登录页面的用户名和密码输入框是否正确：

cy.get('input[name="username"]').type(user.username)
cy.get('input[name="password"]').type(user.password)

示例

下面是一个使用 as() 命令和 fixture() 命令的示例：

// 加载 user.json fixture 文件
cy.fixture('user.json').as('user')

// 将别名为 user 的 fixture 文件中的数据分配给一个变量
const user = cy.get('@user')

// 访问登录页面
cy.visit('/login')

// 输入用户名和密码
cy.get('input[name="username"]').type(user.username)
cy.get('input[name="password"]').type(user.password)

// 点击登录按钮
cy.get('button[type="submit"]').click()

// 断言是否登录成功
cy.get('h1').should('contain', '欢迎，${user.username}')