Cypress如何存储表单输入数据并用于结果页的验证测试

架构老林

2026-10-7

测试数据统一管理方案

你可以通过以下几种常用方式实现测试数据单次修改全局生效，不需要重复编码：

1. 独立配置文件存储（通用性最高）

把所有测试相关的输入值、预期值统一抽离到独立的配置文件中，可根据你使用的技术栈选择JSON、YAML、常量配置文件等格式。
示例JSON配置写法：

{
  "form_test": {
    "input": {
      "table_a": "abc",
      "table_b": "123"
    },
    "expected": {
      "result_a": "abc",
      "result_b": "123"
    }
  }
}

填写表单、结果页校验两个环节都直接从该配置文件读取对应字段值，后续修改测试数据只需要改这个配置文件，所有用到的地方会自动同步。

2. 测试框架内置能力存储

如果使用自动化测试框架（Pytest、Cypress、Playwright、Selenium等），可以直接用框架自带的全局变量、fixture能力集中管理数据。
示例（Pytest框架）：
在conftest.py中定义全局fixture：

import pytest

@pytest.fixture(scope="session")
def form_test_data():
    return {
        "table_a_input": "abc",
        "table_b_input": "123"
    }

所有测试用例都可以直接调用这个fixture获取数据，不需要重复写数值。

3. 运行时上下文存储（适合单流程校验）

如果是单次端到端流程测试，可以在填写表单时就把输入值存入测试上下文的临时变量中，结果页校验时直接调用变量即可。
示例（Cypress框架）：

// 填写表单阶段定义并使用数据
const formData = {
  tableA: 'abc',
  tableB: '123'
}
cy.get('#table-a-input').type(formData.tableA)
cy.get('#table-b-input').type(formData.tableB)
// 结果页校验阶段复用同一个变量
cy.get('#result-a').should('have.text', formData.tableA)
cy.get('#result-b').should('have.text', formData.tableB)