如何在Cypress中将数组/字符串集合存入变量并写入新Fixture复用

以下是针对你场景的具体实现步骤（以Cypress为例，Fixture是其核心复用特性）：

1. 提取下拉选项到变量 #

先定位下拉菜单的选项元素，提取文本内容并整理成数组：

cy.get('select#fruit-dropdown option') // 替换成你实际的下拉选择器
  .should('have.length', 3) // 验证选项数量符合预期
  .then(($options) => {
    // 将jQuery对象转为数组，提取每个选项的文本
    const fruitList = Array.from($options).map(option => option.textContent.trim());
    // 此时fruitList变量存储了['Apple', 'Banana', 'Pear']
  });

2. 将变量保存到新Fixture文件 #

使用cy.writeFile()命令，把数组写入到项目的fixture目录下（默认路径为cypress/fixtures/）：

cy.get('select#fruit-dropdown option')
  .then(($options) => {
    const fruitList = Array.from($options).map(option => option.textContent.trim());
    // 写入到fruits.json文件，文件会自动创建
    cy.writeFile('cypress/fixtures/fruits.json', fruitList);
  });

3. 在其他测试用例中复用Fixture #

在需要使用该数据的测试里，通过cy.fixture()读取文件即可：

describe('复用水果列表的测试', () => {
  it('验证页面展示的水果包含列表项', () => {
    cy.fixture('fruits.json').then((fruits) => {
      // 遍历数组做验证
      fruits.forEach(fruit => {
        cy.get('.fruit-item').should('contain', fruit);
      });
    });
  });
});

注意事项 #

• 确保下拉菜单元素已完全加载后再提取，可配合断言（如should('be.visible')）避免异步问题
• cy.writeFile()会覆盖目标文件内容，若需追加数据，可先读取原有内容再合并
• 若仅需在同个测试文件内共享，也可使用Cypress全局变量（Cypress.env('fruits', fruitList)），但Fixture更适合跨文件持久化复用

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