javascript - 同时支持node和浏览器端的JS库如何写浏览器逻辑部分代码的测试用例?

Question

同时支持node和浏览器端的JS库如何写浏览器逻辑的测试用例？？

decrypt方法 代码如下：

    let workbookContent = Workbook.content;    if (!Buffer.isBuffer(workbookContent)) {      workbookContent = Buffer.from(workbookContent);      CFB.utils.prep_blob(workbookContent, 0);    }     output = xls97File.decrypt(cfb, workbookContent, password, input);

// 这里是 workbookContent 在node 是一个buffer , 可以直接给下面的 decrypt 用， 但是在浏览器则不是，所以需要转一下成 buffer

比如这种逻辑要怎么写测试用例来覆盖？

https://github1s.com/zurmokeeper/officecrypto-tool/blob/main/index.js#L19-L27 源码地址async function decrypt(input, options) {  if (!Buffer.isBuffer(input)) {    // This is an ArrayBuffer in the browser. Convert to a Buffer.    if (ArrayBuffer.isView(input) || input instanceof ArrayBuffer) {      input = Buffer.from(input);    } else {      throw new Error('The input must be a buffer');    }  }  ....  省略一些代码  const Workbook = CFB.find(cfb, 'Workbook');  if (Workbook) {    let workbookContent = Workbook.content;  // 这里是 workbookContent 在node 是一个buffer , 可以直接给下面的 decrypt 用， 但是在浏览器则不是，所以需要转一下成 buffer    if (!Buffer.isBuffer(workbookContent)) {      workbookContent = Buffer.from(workbookContent);      CFB.utils.prep_blob(workbookContent, 0);    }    output = xls97File.decrypt(cfb, workbookContent, password, input);    return output;  }

node 端我可以直接这样写： 使用Jest 写完直接运行，因为是node环境所以就可以直接覆盖了

  it('agile decrypt', async () => {    try {      const input = await fs.readFile(`${filePath}/agile_pass_test.xlsx`);      const output = await officeCrypto.decrypt(input, {password: '123456'});      await fs.writeFile(`${filePath}/agile_out_success.xlsx`, output);      expect(200).toEqual(200);    } catch (error) {      throw error;    }  });

Answer 1

jest 可以配置测试浏览器环境

module.exports = {    testEnvironment: 'jsdom'}

https://www.jestjs.cn/docs/configuration#testenvironment-string