在Cypress测试中，如何在Firebase模拟器运行时导入数据？

当然可以！Firebase模拟器提供了API和命令行工具，完全支持在运行状态下重置或导入数据，不用每次重启模拟器浪费时间。下面分模块给你具体实现方案：

1. 重置认证（Auth）用户数据 #

Firebase Auth模拟器自带REST API，能直接清空用户或者导入预设数据：

• 清空所有用户：向http://localhost:9099/emulator/v1/projects/{你的项目ID}/accounts发送DELETE请求
• 导入预设用户：先准备JSON格式的用户数据文件（比如auth-seed.json，格式和Firebase导出的用户结构一致），用Cypress的cy.request发送PUT请求到上述URL，将JSON数据作为请求体传入。

在Cypress的beforeEach中实现：

beforeEach(() => {
  // 清空所有Auth用户
  cy.request({
    method: 'DELETE',
    url: 'http://localhost:9099/emulator/v1/projects/your-project-id/accounts'
  });

  // （可选）导入预设测试用户
  cy.fixture('auth-seed.json').then(seedData => {
    cy.request({
      method: 'PUT',
      url: 'http://localhost:9099/emulator/v1/projects/your-project-id/accounts',
      body: seedData
    });
  });
});

2. 重置Firestore数据 #

有两种灵活的方式实现运行时重置：

方法一：用Firebase命令行工具导入快照 #

先提前导出一个空数据快照（作为清空模板）和你的初始测试数据快照，然后在Cypress里调用exec命令执行导入：

beforeEach(() => {
  // 先导入空快照清空数据，再导入预设测试数据
  cy.exec('firebase emulators:export --force ./empty-snapshot')
    .then(() => {
      cy.exec('firebase emulators:import ./your-firestore-seed');
    });
});

提示：empty-snapshot是仅包含空元数据的导出目录，your-firestore-seed是你预先导出的初始测试数据目录

方法二：用Firebase Admin SDK操作 #

在cypress.config.js中注册一个Cypress任务，用Admin SDK直接清空集合并导入数据：

const { initializeApp } = require('firebase-admin/app');
const { getFirestore } = require('firebase-admin/firestore');

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('task', {
        resetFirestore: async () => {
          const app = initializeApp({
            projectId: 'your-project-id',
            databaseURL: 'http://localhost:8080' // Firestore模拟器默认端口
          });
          const db = getFirestore(app);
          
          // 清空所有集合
          const collections = await db.listCollections();
          await Promise.all(collections.map(collection => collection.delete()));

          // （可选）导入预设测试数据
          // const seedData = require('./firestore-seed.json');
          // await Promise.all(Object.entries(seedData).map(([colName, docs]) => {
          //   const col = db.collection(colName);
          //   return Promise.all(Object.entries(docs).map(([docId, data]) => col.doc(docId).set(data)));
          // }));
          
          return null;
        }
      });
    }
  }
});

然后在测试的beforeEach中调用该任务：

beforeEach(() => {
  cy.task('resetFirestore');
});

3. 重置Storage存储对象 #

Storage模拟器同样支持REST API操作：

• 清空存储桶：向http://localhost:9199/storage/v1/b/{你的存储桶名}/o?prefix=发送DELETE请求（prefix=表示清空桶内所有对象）
• 导入预设文件：用Cypress的cy.fixture读取测试文件，再通过cy.request上传到模拟器存储桶。

在Cypress的beforeEach中实现：

beforeEach(() => {
  // 清空指定存储桶
  cy.request({
    method: 'DELETE',
    url: 'http://localhost:9199/storage/v1/b/your-bucket-name/o?prefix='
  });

  // （可选）上传测试文件
  cy.fixture('test-image.jpg', 'binary').then(fileContent => {
    cy.request({
      method: 'POST',
      url: 'http://localhost:9199/storage/v1/b/your-bucket-name/o?name=test-image.jpg',
      body: fileContent,
      headers: { 'Content-Type': 'image/jpeg' }
    });
  });
});

整合复用方案 #

把三个模块的重置逻辑封装成Cypress命令，方便在所有测试中复用：

// 在cypress/support/commands.js中注册命令
Cypress.Commands.add('resetFirebaseEmulators', () => {
  // 重置Auth
  cy.request('DELETE', 'http://localhost:9099/emulator/v1/projects/your-project-id/accounts');
  // 重置Firestore
  cy.task('resetFirestore');
  // 重置Storage
  cy.request('DELETE', 'http://localhost:9199/storage/v1/b/your-bucket-name/o?prefix=');
});

// 在测试文件中使用
beforeEach(() => {
  cy.resetFirebaseEmulators();
});

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