如何在Cypress中读取目录下多文件并逐个执行测试及重复用例？

Cypress 默认会自动扫描指定目录（默认cypress/e2e）下的测试文件并执行，若需自定义逐个运行的逻辑，可通过以下两种方式实现：

• 命令行精准控制
  使用--spec参数指定单个或匹配多个文件，Cypress会按文件顺序逐个执行：

  # 运行目录下所有.spec.ts文件
  cypress run --spec "cypress/e2e/**/*.spec.ts"
  
  # 按指定顺序逐个运行特定文件
  cypress run --spec "cypress/e2e/file1.spec.ts,cypress/e2e/file2.spec.ts"
  

  若需批量按顺序执行，也可编写shell/npm脚本，遍历文件列表并依次调用cypress run --spec。

• 配置文件指定顺序
  修改cypress.config.ts中的specPattern，按数组顺序列出需要执行的测试文件，Cypress会严格遵循该顺序逐个运行：

  import { defineConfig } from 'cypress'
  
  export default defineConfig({
    e2e: {
      specPattern: [
        'cypress/e2e/login.spec.ts',
        'cypress/e2e/checkout.spec.ts',
        // 按需求添加更多文件路径
      ],
    },
  })
  

由于Cypress测试代码运行在浏览器环境，无法直接访问本地文件系统，需通过cy.task调用Node.js的文件系统API来实现：

步骤1：在配置文件中注册文件操作任务 #

修改cypress.config.ts，添加读取XML文件列表、读取/解析XML内容的任务：

import { defineConfig } from 'cypress'
import fs from 'fs'
import path from 'path'
import xml2js from 'xml2js' // 如需解析XML，先执行npm install xml2js

export default defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('task', {
        // 获取指定目录下所有XML文件名
        getXmlFiles(dir: string) {
          return fs.readdirSync(dir).filter(file => path.extname(file) === '.xml')
        },
        // 读取XML文件内容
        readXmlFile(filePath: string) {
          return fs.readFileSync(filePath, 'utf8')
        },
        // 解析XML为JSON对象（可选）
        async parseXml(filePath: string) {
          const content = fs.readFileSync(filePath, 'utf8')
          return xml2js.parseStringPromise(content)
        }
      })
    },
  },
})

步骤2：在测试文件中遍历XML文件执行测试 #

在spec.ts中调用注册的任务，获取文件列表后遍历执行测试：

describe('XML数据驱动测试', () => {
  let xmlFiles: string[]
  const xmlDir = './cypress/fixtures/xmls' // 替换为你的XML目录路径

  before(() => {
    cy.task('getXmlFiles', xmlDir).then(files => {
      xmlFiles = files
    })
  })

  // 遍历每个XML文件，生成对应的测试用例
  xmlFiles.forEach(file => {
    it(`验证XML文件: ${file}`, () => {
      // 读取原始XML内容
      cy.task('readXmlFile', `${xmlDir}/${file}`).then(xmlContent => {
        // 浏览器环境解析XML示例
        const parser = new DOMParser()
        const xmlDoc = parser.parseFromString(xmlContent, 'text/xml')
        // 编写你的测试断言
        expect(xmlDoc.querySelector('user')?.getAttribute('id')).to.match(/\d+/)
      })

      // 或直接使用预解析的JSON对象
      // cy.task('parseXml', `${xmlDir}/${file}`).then(xmlJson => {
      //   expect(xmlJson.user.id[0]).to.be.a('string')
      // })
    })
  })
})

这样会根据目录下的XML文件数量自动生成对应数量的测试用例，逐个执行。

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