Jest如何測試WebAssembly模塊

要使用Jest測試WebAssembly模塊，您需要遵循以下步驟：

1. 安裝依賴項： 確保已安裝Node.js和npm。然后，在項目根目錄中運行以下命令來安裝Jest和WebAssembly相關的依賴項：

npm install --save-dev jest wasm-jest-runner wasm-loader

2. 配置Jest： 在項目根目錄中創建一個名為jest.config.js的文件，并添加以下內容：

module.exports = {
  runner: 'wasm-jest-runner',
  transform: {
    '^.+\\.wasm$': 'wasm-jest-runner'
  },
  testRegex: '.*\\.spec\\.js$',
};

這將配置Jest使用wasm-jest-runner作為WebAssembly模塊的運行器，并將wasm-jest-runner用于轉換.wasm文件。

3. 編寫WebAssembly模塊： 創建一個名為add.wat的WebAssembly文本文件，其中包含以下內容：

(module
  (func $add (param $a i32) (param $b i32) (result i32)
    get_local $a
    get_local $b
    i32.add)
  (export "add" (func $add))
)

4. 編譯WebAssembly模塊： 使用wat2wasm工具（通常與WABT一起安裝）將add.wat編譯為add.wasm。在命令行中運行以下命令：

wat2wasm add.wat -o add.wasm

5. 編寫測試： 創建一個名為add.spec.js的JavaScript文件，其中包含以下內容：

const fs = require('fs');
const path = require('path');

describe('add', () => {
  it('should add two numbers', async () => {
    const bytes = fs.readFileSync(path.resolve(__dirname, 'add.wasm'));
    const module = await WebAssembly.compile(bytes);
    const instance = await WebAssembly.instantiate(module);

    expect(instance.exports.add(2, 3)).toBe(5);
  });
});

這將讀取add.wasm文件，編譯并實例化它，然后調用add函數并檢查結果是否正確。

6. 運行測試： 在命令行中運行以下命令以運行測試：

npx jest

如果一切正常，您應該會看到類似于以下的輸出：

PASS  ./add.spec.js
  add
    ? should add two numbers (3 ms)

現在，您已經成功地使用Jest測試了一個WebAssembly模塊！