如何解决Cypress测试间数据留存引发的重复数据问题？

问题根源 #

• TypeScript模块加载特性：模块级别的const是单例，文件加载时仅初始化一次，随机数据生成逻辑只会执行一次，后续测试复用同一个值。
• 对象引用特性：Customer是引用类型对象，测试中直接修改其属性会修改原对象，导致后续测试拿到被污染的数据。

解决方案 #

1. 将常量改为工厂函数，每次返回新对象 #

把原来的常量定义改成函数，每次调用时重新生成数据（包括随机值），返回全新的对象实例，从根本上避免复用问题。

修改后的*.data.ts示例：

import { CustomerData } from './your-types-file';

export function getCustomer(): CustomerData {
  return {
    firstName: 'John',
    lastName: 'Doe',
    fullName: 'John Doe',
    phoneNumber: '(111) 222-3333',
    randomData: generateRandomString(10).toUpperCase() // 每次调用都会重新生成随机值
  };
}

测试中的使用方式：

it('测试场景1', () => {
  const customer = getCustomer();
  // 使用customer执行测试逻辑
});

it('测试场景2', () => {
  const customer = getCustomer();
  // 此处的randomData是全新生成的，与场景1完全独立
});

2. 创建独立副本，避免修改共享数据 #

如果需要在测试中为数据添加专属属性，不要直接修改工厂函数返回的对象，而是通过扩展运算符（...）或Object.assign创建新对象，确保原数据不受影响。

示例：

it('需要自定义属性的测试', () => {
  // 创建独立副本并添加专属属性
  const customCustomer = {
    ...getCustomer(),
    customAttribute: '测试专属值'
  };
  // 使用customCustomer执行测试，不会污染其他测试的数据源
});

3. 复杂嵌套数据的深拷贝（可选） #

如果测试数据包含嵌套对象，浅拷贝（扩展运算符/Object.assign）无法彻底隔离嵌套引用，需要使用深拷贝确保完全独立。可以使用浏览器原生的structuredClone：

export function getCustomer(): CustomerData {
  const baseData = {
    firstName: 'John',
    lastName: 'Doe',
    // 嵌套对象示例
    address: {
      street: '123 Main St',
      zipCode: generateRandomNumber(5)
    }
  };
  // 返回深拷贝的对象，避免嵌套属性的引用共享
  return structuredClone(baseData);
}

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