使用Protractor编写E2E测试时如何启用fs模块及File API

这个问题其实是因为Protractor的测试代码存在两种运行上下文导致的，我来帮你一步步解决：

问题根源 #

你直接调用fs.write时提示fs is undefined，大概率是在浏览器上下文的代码里尝试使用Node.js核心模块了。Protractor里，控制浏览器操作的代码（比如browser.get()、element()相关操作）是运行在浏览器环境中的，而浏览器环境并没有fs这个Node.js专属模块。

但别担心，Protractor本身是基于Node.js运行的，测试脚本的主体逻辑是在Node.js上下文里的，我们完全可以正常使用fs模块。

解决步骤 #

1. 在测试文件顶部直接导入fs模块
   不管你用CommonJS还是ES模块语法，直接在你的e2e-spec.js开头导入fs就行，就像写普通Node.js脚本一样：

   // CommonJS语法
   const fs = require('fs');
   
   // 或者ES模块语法（如果你的项目支持）
   import * as fs from 'fs';
   

2. 区分上下文使用fs
   要确保你是在Node.js上下文里调用fs的方法，不要在浏览器操作的回调里（比如then()的回调函数）直接用fs。举个正确的例子：

   const fs = require('fs');
   import { browser, element, by } from 'protractor';
   
   describe('测试用例示例', () => {
     it('应该正确使用fs模块写入文件', async () => {
       // 这部分是浏览器上下文操作：控制浏览器打开页面
       await browser.get('https://example.com');
       
       // 这部分是Node.js上下文操作：安全使用fs写入文件
       fs.writeFileSync('测试输出.txt', '从Protractor写入的内容！');
       
       // 继续浏览器端的测试断言
       const页面标题 = await browser.getTitle();
       expect(页面标题).toEqual('Example Domain');
     });
   });
   

   如果需要把浏览器中获取到的数据写入文件，要先把数据拿到Node.js上下文再处理，比如：

   it('应该把页面文本写入文件', async () => {
     await browser.get('https://example.com');
     // 先在浏览器上下文获取文本，拿到Node.js上下文
     const页面文本 = await element(by.tagName('h1')).getText();
     
     // 现在可以安全使用fs写入了
     fs.writeFileSync('页面标题.txt', 页面文本);
   });
   

3. 你的配置不需要修改
   你当前的Protractor配置是完全没问题的，不需要调整config里的任何参数来启用fs模块——因为Node.js环境本身就自带这个核心模块，只要在正确的上下文导入使用就行。

总结一下 #

• Protractor测试脚本的主体是运行在Node.js环境的，所以可以直接导入并使用所有Node.js核心模块（包括fs）
• 只有控制浏览器的代码片段是运行在浏览器环境，那里不能使用Node.js专属模块
• 只需要在测试文件开头导入fs，并确保在Node.js上下文调用它的方法就可以解决问题

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