在前端开发中,测试框架和库是必须的。而qunit-dom是一个qunit测试工具库,可以为我们的测试提供更好的断言s选项和更方便的特性。本文将介绍npm包qunit-dom的使用教程,帮助大家更快速地掌握这个工具库。
安装
我们可以使用npm安装qunit-dom。通过以下命令:
npm install --save-dev qunit-dom
断言
qunit-dom提供了一系列更加具有语义化和丰富的断言。
assert.dom
DOM元素是否存在,可以使用assert.dom。
-- -------------------- ---- ------- ---------------- -- ------ ------- ------- -------- -------- -------- - --- --------- - ------------------------------ ------------------- - ------- ------------------------------------- ------------------------------------- ----------------------------------------- ------ - --- -- -- ---------------------------------------------------------------- ------------------------------------- ---展开代码
assert.strictEqual
比较两个值是否相等,可以使用assert.strictEqual。
QUnit.test('check the values are equal', function (assert) { assert.strictEqual(1 + 1, 2); });
assert.deepEqual
比较两个对象是否相等,可以使用assert.deepEqual。
QUnit.test('Test to check object is equal', function (assert) { assert.deepEqual({ name: 'Mark', age: 24 }, { name: 'Mark', age: 24 }); });
assert.notStrictEqual
检查两个值是否不相等,可以使用assert.notStrictEqual。
QUnit.test('Test to check the values are not equal', function (assert) { assert.notStrictEqual(1, 2); });
assert.notDeepEqual
检查两个值是否不相等,可以使用assert.notDeepEqual。
QUnit.test('Test to check the objects are not equal', function (assert) { assert.notDeepEqual({ name: 'Tom', age: 25 }, { name: 'Mark', age: 24 }); });
assert.ok
检查一个值是否为真,可以使用assert.ok。
QUnit.test('Test to check the value is true', function (assert) { assert.ok(1 === 1); });
示例代码
-- -------------------- ---- ------- ---------------- -- ------ ------- ------- -------- -------- -------- - --- --------- - ------------------------------ ------------------- - ------- ------------------------------------- ------------------------------------- ----------------------------------------- ------ - --- -- -- ---------------------------------------------------------------- ------------------------------------- --- ----------------- --- ------ --- ------- -------- -------- - -------------------- - -- --- --- ---------------- -- ----- ------ -- ------- -------- -------- - ------------------ ----- ------- ---- -- -- - ----- ------- ---- -- --- --- ---------------- -- ----- --- ------ --- --- ------- -------- -------- - ------------------------ --- --- ---------------- -- ----- --- ------- --- --- ------- -------- -------- - --------------------- ----- ------ ---- -- -- - ----- ------- ---- -- --- --- ---------------- -- ----- --- ----- -- ------ -------- -------- - ----------- --- --- ---展开代码
结论
使用npm包qunit-dom,我们可以更好的写出语义化的针对测试用例的断言,使测试变得更加灵活、具有更好的可维护性。例如,assert.dom()、assert.strictEqual()、assert.deepEqual()、assert.notStrictEqual()、assert.notDeepEqual()和assert.ok()。希望这篇文章能够对大家在使用qunit-dom时有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/59308