مرجع سريع

ورقة مساعدة لمكتبة التأكيدات Chai.js

مرجع سريع لـ Chai.js: أسلوب BDD مع expect وshould، أسلوب TDD مع assert، فحص المساواة العميقة، الأنواع وتأكيدات chai-jquery.

· تاريخ النشر

Chai Chai هي مكتبة تأكيدات BDD / TDD لبيئة Node.js والمتصفح يمكن إقرانها بأي إطار اختبار في JavaScript (مثل Mocha أو Jest).

أسلوب BDD (expect)

const { expect } = require('chai');

المساواة والأنواع

expect(val).to.equal(expected);         // المساواة الصارمة (===)
expect(val).to.eql(expected);           // المساواة العميقة (Deep equality)
expect(val).to.deep.equal(expected);    // مماثل تماما لـ .eql

expect(val).to.be.a('string');
expect(val).to.be.an('array');
expect(val).to.be.an.instanceOf(User);

التحقق من القيم المنطقية والوجود

expect(val).to.be.ok;          // قيمة موجبة منطقيا (Truthy)
expect(val).to.be.true;
expect(val).to.be.false;
expect(val).to.exist;          // ليست null وليست undefined
expect(val).to.be.null;
expect(val).to.be.undefined;
expect(val).to.be.empty;        // مصفوفة أو نص أو كائن بدون عناصر أو مفاتيح

المقارنات العددية

expect(score).to.be.above(5);           // أكبر من (gt)
expect(score).to.be.at.least(5);        // أكبر من أو يساوي (gte)
expect(score).to.be.below(10);          // أصغر من (lt)
expect(score).to.be.at.most(10);        // أصغر من أو يساوي (lte)
expect(score).to.be.within(5, 10);      // نطاق شامل للحدين
expect(pi).to.be.closeTo(3.14, 0.01);   // التقريب مع نسبة تسامح للكسور العشرية

الكائنات والمجموعات

expect(array).to.include(item);
expect(array).to.have.members([1, 2, 3]);
expect(array).to.have.lengthOf(3);

expect(obj).to.have.property('name');
expect(obj).to.have.property('name', 'Alice');
expect(obj).to.have.nested.property('address.city', 'London');
expect(obj).to.have.all.keys('id', 'name');

رمي واستثناءات الدوال

expect(() => badFunction()).to.throw();
expect(() => badFunction()).to.throw(TypeError);
expect(() => badFunction()).to.throw(/invalid argument/);
expect(() => goodFunction()).to.not.throw();

أسلوب TDD (assert)

const { assert } = require('chai');

assert.ok(val, 'value is truthy');
assert.equal(actual, expected, 'compares with ==');
assert.strictEqual(actual, expected, 'compares with ===');
assert.deepEqual(actual, expected, 'deep equality');

assert.isTrue(val);
assert.isFalse(val);
assert.isNull(val);
assert.isNotNull(val);
assert.isUndefined(val);
assert.isDefined(val);

assert.typeOf(val, 'string');
assert.instanceOf(val, Model);
assert.lengthOf(val, 3);
assert.include(list, item);
assert.match(str, /regex/);
assert.throws(() => { /* error test */ }, /error regex/);

استخدام Chai مع jQuery (chai-jquery)

chai.use(require('chai-jquery'));

// فحوصات حالة عناصر DOM
expect($elem).to.be.visible;
expect($elem).to.be.hidden;
expect($elem).to.be.enabled;
expect($elem).to.be.disabled;
expect($elem).to.be.checked;

// فحص فئات CSS والسمات
expect($elem).to.have.class('active');
expect($elem).to.have.id('submit-btn');
expect($elem).to.have.attr('disabled');
expect($elem).to.have.css('display', 'block');
expect($elem).to.have.text('Hello World');

موضوعات ذات صلة