Riferimento rapido

Cheat Sheet per i test JavaScript con QUnit

Guida rapida a QUnit: framework di unit testing in JavaScript, moduli, asserzioni, hook asincroni e runner DOM.

· Pubblicato

QUnit è un framework di unit testing JavaScript potente e intuitivo, impiegato in progetti celebri come jQuery ed Ember.js.

Struttura della suite di test e hook

QUnit.module('Math operations', (hooks) => {
  hooks.beforeEach(() => {
    // Setup before each test
  });

  hooks.afterEach(() => {
    // Teardown after each test
  });

  QUnit.test('adds two numbers', (assert) => {
    assert.equal(1 + 1, 2, '1 + 1 should equal 2');
    assert.strictEqual(2 + 2, 4, 'strictly equals 4');
  });
});

Riferimento asserzioni (Assertions)

Assertion Description
assert.ok(state, [message]) Asserts value is truthy
assert.notOk(state, [message]) Asserts value is falsy
assert.equal(actual, expected) Non-strict comparison (==)
assert.strictEqual(actual, expected) Strict comparison (===)
assert.deepEqual(actual, expected) Deep recursive equality on objects/arrays
assert.throws(fn, [expected]) Asserts a function throws an error

Test asincroni (Asynchronous Tests)

// Modern Promise / Async Await
QUnit.test('fetches user profile', async (assert) => {
  const profile = await fetchProfile(10);
  assert.equal(profile.name, 'Alice');
});
// Callback Done Handler
QUnit.test('timer test', (assert) => {
  const done = assert.async();

  setTimeout(() => {
    assert.ok(true, 'Timer completed');
    done();
  }, 100);
});

Cheat Sheet correlati

Argomenti correlati