Bagaimana untuk mengejek Import Modul ES6 dalam Jest?

Mengejek Import Modul ES6 dalam Jest

Pengenalan

Jest menyediakan set lengkap alatan untuk ujian unit, termasuk mengejek modul yang diimport dalam kod anda. Artikel ini menerangkan cara untuk mengejek import modul ES6 dalam Jest, menangani cabaran menguji kebergantungan modul.

Pernyataan Masalah

Import modul mengejek membolehkan pembangun mengasingkan gelagat modul tertentu semasa melaksanakan ujian untuk modul bergantungnya. Walau bagaimanapun, pendekatan yang digunakan dalam Jasmine, di mana import digantikan dengan pengintip, tidak boleh digunakan secara langsung dalam Jest kerana persekitaran ujiannya yang berbeza.

Penyelesaian

Jest menyediakan import * sintaks untuk mengimport semua eksport daripada modul sebagai objek tunggal. Teknik ini boleh dimanfaatkan untuk mengejek import modul ES6.

Eksport Dinamakan Mengejek

Untuk eksport bernama, hanya import modul menggunakan import * dan kemudian mutasi objek yang dieksport kepada mengejek fungsi yang diingini:

// dependency.js
export const doSomething = (y) => console.log(y);

// myModule.js
import { doSomething } from './dependency';

export default (x) => {
  doSomething(x * 2);
};

// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    dependency.doSomething = jest.fn(); // Mutate the named export

    myModule(2);

    expect(dependency.doSomething).toBeCalledWith(4);
  });
});

Mengejek Eksport Lalai

Untuk eksport lalai, anda boleh mengimportnya menggunakan import moduleName daripada 'modulePath' dan kemudian mutasi nilai lalai objek yang diimport:

// dependency.js
export default (y) => console.log(y);

// myModule.js
import myModule from './myModule';
import * as dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    dependency.default = jest.fn(); // Mutate the default export

    myModule(2);

    expect(dependency.default).toBeCalledWith(4); // Assert against the default
  });
});

Kesimpulan

Menggunakan sintaks import * dan memutasi objek yang dieksport, adalah mungkin untuk mengejek import modul ES6 dalam Jest, membolehkan anda menguji kefungsian modul anda sambil mengasingkan kebergantungan mereka.

Atas ialah kandungan terperinci Bagaimana untuk mengejek Import Modul ES6 dalam Jest?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!