如何以允許在網站中使用的方式對我的 JavaScript 代碼進行單元測試？

Question

我已經構建了一個 web 應用程序，並且我正在嘗試構建一個自動化單元測試套件，以便我可以更輕松地重構代碼。

我有在我的網站上正常運行的 javascript 代碼。 簡單的假設代碼：

function timesTwo(x){x*=2;return x}

如果我正在為 NodeJS 編寫代碼，我會添加測試以確認代碼正常工作。 下面是一個使用 Wish 和 Mocha 的示例：

describe('timesTwo()', function() {
  it('multiplies by two', function() {
    var result = timesTwo(5);
    wish(result === 10);
  });
});

如果我在 node.JS 中運行此代碼（包括測試）來測試它，它可以正常工作，但現在它會在我的瀏覽器中引發錯誤：

require is not defined

describe is not defined

wish is not defined

如何以不會在瀏覽器中引發錯誤的方式為我的代碼創建自動化測試套件？

Answer 1

如果我沒記錯的話，您還將測試代碼加載到瀏覽器中。

問題是require不是您的瀏覽器中可用的東西。 這意味着describe和wish等函數根本不可用，因為require不包含任何代碼。

您應該做的是將測試與您的應用程序代碼分開，並且只將應用程序代碼加載到您的網站中。 你如何做到這一點取決於你的構建系統、模板引擎等