如何将基于 nodejs 的单元测试转换为基于本机浏览器的单元测试？

Question

注意，相关How to test if jQuery 3.0 beta is Promises/A+ compatible in browser?

---

例如，promises-tests 可以在promises-tests/lib/tests/2.1.2.js 找到其中一项测试

"use strict";

var assert = require("assert");
var testFulfilled = require("./helpers/testThreeCases").testFulfilled;

var adapter = global.adapter;
var deferred = adapter.deferred;

var dummy = { dummy: "dummy" }; // we fulfill or reject with this when we don't intend to test against it

describe("2.1.2.1: When fulfilled, a promise: must not transition to any other state.", function () {
    testFulfilled(dummy, function (promise, done) {
        var onFulfilledCalled = false;

        promise.then(function onFulfilled() {
            onFulfilledCalled = true;
        }, function onRejected() {
            assert.strictEqual(onFulfilledCalled, false);
            done();
        });

        setTimeout(done, 100);
    });

    specify("trying to fulfill then immediately reject", function (done) {
        var d = deferred();
        var onFulfilledCalled = false;

        d.promise.then(function onFulfilled() {
            onFulfilledCalled = true;
        }, function onRejected() {
            assert.strictEqual(onFulfilledCalled, false);
            done();
        });

        d.resolve(dummy);
        d.reject(dummy);
        setTimeout(done, 100);
    });

    specify("trying to fulfill then reject, delayed", function (done) {
        var d = deferred();
        var onFulfilledCalled = false;

        d.promise.then(function onFulfilled() {
            onFulfilledCalled = true;
        }, function onRejected() {
            assert.strictEqual(onFulfilledCalled, false);
            done();
        });

        setTimeout(function () {
            d.resolve(dummy);
            d.reject(dummy);
        }, 50);
        setTimeout(done, 100);
    });

    specify("trying to fulfill immediately then reject delayed", function (done) {
        var d = deferred();
        var onFulfilledCalled = false;

        d.promise.then(function onFulfilled() {
            onFulfilledCalled = true;
        }, function onRejected() {
            assert.strictEqual(onFulfilledCalled, false);
            done();
        });

        d.resolve(dummy);
        setTimeout(function () {
            d.reject(dummy);
        }, 50);
        setTimeout(done, 100);
    });
});

要求：

能够在浏览器中运行测试而不依赖 node.js 、服务器或安装库吗？

问题：

如何使用浏览器提供的本机方法将此测试转换为版本，例如Console 方法；也就是说，用console.assert() 或window 提供的其他本机方法替换describe() 和specify()？

Answer 1

我仍然认为这是一个糟糕的主意，但这里有一个（微不足道的）示例：

var assert = {};
assert.equals = function(expected, value, msg) {
    var message = msg || "Test ";
    try {
        expected == value;
        console.log(message, "passed");
    catch (e) {
        console.log(message, "failed", e);
    }
};

现在重复 >, <, ===, 范围、预期异常、特定异常（例如 TypeError、SyntaxError）、typeof、instanceof、其他类型（内置、构造)、NaN 和 null 等有问题的值。

注意：console.assert

console.assert 存在一些问题。首先，它是非标准的，并且跨平台的行为可能不同。其次，AFAIK 没有很好的抽象方法：除非您使用 eval 和字符串参数，否则您最终会使用 console.log 完成与上述解决方案一样多的工作：

function assert(str, msg) {
  try {
     console.assert(eval(str), msg);
  catch (e) {
     console.log(msg, " failed:", e);
  }
}

assert("3 === 4", "Three equals four"); // logs the assertion failure.

不用说，我不推荐这样做，因为手动构造字符串很容易出错，eval（即使在这种情况下是安全的）是臭名昭著的性能杀手，而不使用 eval 意味着使用解析器然后我们马上回到图书馆。

说真的，当你沿着这条路走下去时，你会想到越来越多的东西（见我上面的列表），你会意识到你正在编写一个本来可以使用的库。

更新

根据您在下面 cmets 中的问题，许多测试库（例如 mocha、jasmine）使用如下格式：

wrapper('name of the thing being tested', function(done) {
   innerWrapper('description of the test', function(done) {
       assert(someAssertion);
   });

   innerWrapper('some other test for that function', function(done) {
       assert(somethingElse);
       someAsyncFunction().then(function(value) {
           assert(somethingAboutValue);
           done();
       });
   });
});
 

“wrapper”、“innerWrapper”和“assert”是通过在代码中包含测试库或运行命令（用于 cli）来添加的，即“mocha tests.js”而不是“node tests.js”。该设置可能会或可能不会使用内部函数来指定子测试。 'Done' 是回调的参数，可用于指示异步测试结束。

QUnit 的 API 稍微简单一些，但也不算太远。

更新 2

这些大部分是相同事物的名称：包装测试条件以确保记录正确消息、捕获异常或异步有机会完成的函数。断言测试要评估的实际条件。适配器引用意味着包装 jQuery 延迟构造函数以匹配规范中的 API。